我讨厌问“我该怎么做”这样的问题,但我已经尝试了所有我能想到的方法,但就是没用。
我有一个页面设计,其中有一个特定宽度 (960px) 的中心列,只要浏览器比该宽度宽,它就需要位于页面的水平中心。
我完全不清楚为什么,但我尝试的每一种列和偏移量组合都会以某种方式使内容偏离中心。
我知道如何使用 margin:auto 来做到这一点,但我失去了 bootstrap 为移动设备自动调整所有内容的神奇大小。
所以...有没有一种方法可以按照 Bootstrap 保持网站的响应性质,但让它将内容放入特定宽度的中心 strip (让两侧留空),然后折叠成 - xs- 页面在移动设备上拉起时的变体?
最佳答案
您需要使用的是引导容器,您可以在此处查看相关文档:http://getbootstrap.com/css/#overview-container
很简单:
<div class="container">
..some content..
</div>
关于css - 如何排列特定宽度的响应式中心列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31059928/