读书频道 > 网站 > 网页设计 > Bootstrap用户手册 : 设计响应式网站
1.5.1  基本网格的HTML
2013-08-16 16:38:31     我来说两句 
收藏    我要投稿   
Bootstrap 是Mark Otto 和Jacob Thornton 在Twitter 公司共同开发的一个网站开发框架,2011 年8 月发布至今已经成为Github 上最受关注的开源项目。从最初CSS 驱动的项目到目前内置很多JavaScript 插件...  立即去当当网订购

创建简单布局时,给作为行的<div>添加.row类,给作为列的<div>添加表示横跨多少列的.span*类即可。因为网格布局可以包含12列,所以.span*中的*加起来必须等于12。这样,可以设计出3-6-3、4-8、3-5-4、2-8-2……布局,你懂了吧?

下面的代码使用了.span8和.span4,总共横跨12列:

<div class="row">

<div class="span8">...</div>

<div class="span4">...</div>

</div>

 

 

点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.5 默认网格系统
下一篇:1.5.2 平移列
相关文章
图文推荐
JavaScript网页动画设
1.9 响应式
1.8 登陆页式
1.7 主题式
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站