※ 引述《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 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 175.180.98.92 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1430465701.A.12F.html