Bootstrap3-新特性

浏览:4734 发布日期:2013/11/23 分类:用法示例 关键字: bootstrap3 bootstrap2 响应式布局
介绍了bootstrap3对2的改进之处在于B3对各种设备都有自己的布局,实现只需要加一段小小的css样式。而不是像B2一样对所有设备只采用一套 响应式布局
2的代码:
<div class="row">
<div class="span8">占8个栏栅</div>
<div class="span4">占4个栏栅</div>
</div>
3的代码:
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-8">手机小屏幕占据全部栏栅,ipad中屏幕占据6个栏栅,电脑桌面占8个栏栅</div>
<div class="col-sm-6 col-md-4">手机小屏幕换行显示,ipad中屏幕占据6个栏栅,电脑桌面占4个栏栅</div>
</div>
具体视频地址:http://www.howxue.net/course/41.html
评论( 相关
后面还有条评论,点击查看>>