※ 引述《sandy4444 (质朴)》之铭言：
: 请问大大,
: 小鲁妹现在是 bootstrap 新手
: 想问今天想要让你自己的网页内容
: 在电脑上全部集中在中间的column
: 比例 3:6:3 左右column 都是空白
: 然后在手机上 就只要显示中间的部分 左右都不要
: 我现在知道的方法是
: 就用 padding 去控制他 各自在@media设定
: ex 桌机就让他设定 padding right and left 300px
: 手机上设定 0 px
: 但这样做就等于是完全没用到grid system
: 而且也要自己写css 的 padding 完全看不出 bootstrap 的用处在哪
: 请问是否更简单的好方法><
: 先谢谢大大回答
http://output.jsbin.com/medotewiha
程式码推文都有讲了
其实建议还是看一下bootstrap css是怎么写的
比较好理解, 不要死背
dev tools很好用
bootstrap grid system是12格
(3/12) = 25%
所以col-lg-offset-3
就是在col-lg分辨率下margin-left: 25%
同理, 假如你写col-lg-offset-6
就是他有margin-left:50%的属性
col-lg-6
指的是该分辨率下,该元素的width, 也就是(6/12) = 50%
你要在手机下满版
那就是没有margin-left, 然后width:100%
class就是加上col-xs-12