最近做响应式的网站,涉及到Bootstrp的使用。
我使用的版本是3.3.7
bootstrap的核心精华是栅格系统

实例:从堆叠到水平排列
使用单一的一组 .col-md-* 栅格类,就可以创建一个基本的栅格系统,在手机和平板设备上一开始是堆叠在一起的(超小屏幕到小屏幕这一范围),在桌面(中等)屏幕设备上变为水平排列。所有“列(column)必须放在 ” .row 内。
例子:https://output.jsbin.com/bekoleredu
流式布局容器
.container-fluid .row
https://output.jsbin.com/gukihoyipa
实例:移动设备和桌面屏幕
https://output.jsbin.com/yayociteti
实例:手机、平板、桌面
网友评论