1、Bootstrap的的响应式设计,添加class类名,container-fluid。和container作用类似。padding-right: 15px; padding-left: 15px;margin-right: auto;margin-left: auto
2、图片自适应,在image标签上添加class,img-responsive
3、文本居中 添加class,text-center。
4、button按钮的默认样式,class=’btn,btn-default‘。浅蓝色 btn-info,彩色浅蓝色 btn-primary,警告 btn-danger。
5、通过为按钮添加 class 属性 btn-block使其成为块级元素,按钮会伸展并填满页面整个水平空间,后续的元素会流到这个块级元素的下方,即 “新开一行”。当然我们可以使用 span 创建行内元素。
6、Bootstrap网格排放–基于 12 列的响应式栅格系统。列宽度属性取决于用户的屏幕宽度。Bootstrap 的class=" col-md-* ", md表示 medium(中等),其中 xs是 extra small 的缩写 (应用于较小的屏幕,比如手机屏幕),而“*”表示数字,表示占有多少列宽。
<div class="row">
<div class="col-xs-4">
<button class=" btn btn-block">1</button>
</div>
<div class="col-xs-4">
<button class=" btn btn-block">2</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block">3</button>
</div>
</div>
当然 button按钮也可以换成radio标签,适应屏幕的单选按钮。
7、给表单控件的输入框添加样式.所有文本输入类的元素如 ,和 只要设置 .form-controlclass 就会占满100%的宽度。
8、给标签添加class不一定以为了添加样式,有时候是为了在jQuery中选中这些元素。