bootstrap标签页tab插件

两栏自适应(右侧固定，左侧随着页面大小自适应)

​ .pro_right{ float: right; }

​ .pro_left{ overflow: hidden;}

_%//百分号在下面展示

^%//百分号在下面展示

标签页（tab）

​ JavaScript插件，

role-sr-aria-作用：增强代码的可读性，可以删掉不要

<!-- Nav tabs导航 -->
<ul class="nav nav-tabs">
    <li role="presentation" class="active">
        <a href="#home" data-toggle="tab">Home</a>
    </li>
    <li role="presentation">
        <a href="#profile" data-toggle="tab">Profile</a>
    </li>
    <li role="presentation"><a href="#messages" data-toggle="tab">Messages</a></li>
    <li role="presentation"><a href="#settings"  data-toggle="tab">Settings</a></li>
</ul>
​
<!-- Tab panes -->
<div class="tab-content">
    <div   class="tab-pane active" id="home">...</div>
    <div  class="tab-pane" id="profile">...</div>
    <div  class="tab-pane" id="messages">...</div>
    <div  class="tab-pane" id="settings">...</div>
</div>

栅格系统

col-xs-(超小) col-sm-(小) col-md-(中等) col-lg-(大)

class=“text-center”//直接使用，文本对齐