本文的目的是介绍bootstrap学习笔记-布局-响应试布局的详细情况，特别关注响应式布局方式的相关信息。我们将通过专业的研究、有关数据的分析等多种方式，为您呈现一个全面的了解bootstrap学习笔

本文的目的是介绍bootstrap学习笔记-布局-响应试布局的详细情况，特别关注响应式布局方式的相关信息。我们将通过专业的研究、有关数据的分析等多种方式，为您呈现一个全面的了解bootstrap学习笔记-布局-响应试布局的机会，同时也不会遗漏关于bootstrap学习笔记、BootStrap学习笔记--1、BootStrap学习笔记-1、BootStrap学习笔记-2的知识。

• bootstrap学习笔记-布局-响应试布局（响应式布局方式）
• bootstrap学习笔记
• BootStrap学习笔记--1
• BootStrap学习笔记-1
• BootStrap学习笔记-2

bootstrap学习笔记-布局-响应试布局（响应式布局方式）

bootstrap学习笔记

bootstrap的选项卡功能的一个简单demo:

<ul>
    <li role="presentation"><a href="#a" data-toggle="tab">Home</a></li>
    <li role="presentation"><a href="#b" data-toggle="tab">Profile</a></li>
    <li role="presentation"><a href="#c" data-toggle="tab">Messages</a></li>
</ul>
<div id="myTabContent">
    <divid="a">a</div>
    <divid="b">b</div>
    <divid="c">c</div>
</div>

能用bootstrap的东西，就用bootstrap的东西，不要自己写css和js

要浮动的话，不要用css的float:left;要用bootstrap的一个类pull-left或者pull-right，要清除浮动，不要自己清除浮动，用bootstrap加一个类clearfix

table要加上类table table-striped table-bordered,其中.table可以让这个table的宽度是父元素宽度的100%，table-striped让这个table有条纹，table-bordered可以让这个table有边框

有时候需要一个小小的三角形的符号，用<span></span>（这是往下方向的）,如果要这个三角形向上，就给父元素添加 .dropup 类就能使触发的下拉菜单朝上方打开。

使用bootstrap的栅格系统，标准写法如下：
<div>
    <div>
          <div>.col-md-1</div>
    </div>
</div>
我经常忘记写<div>这个嵌套元素

table加上table,table-striped,table-bordered,table-hover

BootStrap学习笔记--1

BootStrap学习笔记-1

BootStrap学习笔记-2

关于bootstrap学习笔记-布局-响应试布局和响应式布局方式的介绍现已完结，谢谢您的耐心阅读，如果想了解更多关于bootstrap学习笔记、BootStrap学习笔记--1、BootStrap学习笔记-1、BootStrap学习笔记-2的相关知识，请在本站寻找。