1.class="container-fluid"
Use Responsive Design with Bootstrap Fluid Containers
2.class="img-responsive"
Make Images Mobile Responsive
3.class="text-center"
Center Text with Bootstrap
4.class="btn"
Create a Bootstrap Button
这些按钮仍然需要 btn
class。
添加Bootstrap的 btn-block
class 到你的按钮。
5.class="btn btn-block btn-primary "
深蓝色btn-primary
是你的应用的主要颜色,被用在那些用户主要采取的操作上。
添加Bootstrap的 btn-primary
class 属性到按钮标签上。
注意:这个按钮仍然需要 btn
和 btn-block
属性!
6.class="btn btn-block btn-info">
Bootstrap自带了一些预定义的按钮颜色。浅蓝色 btn-info
被用在那些用户可能会采取的操作上。
7.class="btn btn-block btn-danger">
Bootstrap自带了一些预定义的按钮颜色。红色btn-danger
被用来提醒用户该操作具有“破坏性”,例如删除一张猫的图片。
创建一个文本为 "Delete" 的按钮,并且给它添加 class btn-danger
。
注意:这些标签仍然需要 btn
与 btn-block
class。