css - 如何排列特定宽度的响应式中心列?

标签 css html layout twitter-bootstrap-3

我讨厌问“我该怎么做”这样的问题,但我已经尝试了所有我能想到的方法,但就是没用。

我有一个页面设计,其中有一个特定宽度 (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/

相关文章:

javascript - 在 Windows/Linux 机器(设备像素比 < 2)的 Canvas 中渲染时提高线条清晰度?

html - 使用 CSS 创建响应式网格 (100% x 100%)

html - 如何制作 Google Reader/Gmail 的 ListView

php - 您可以使用一个产品布局页面来显示点击后的产品吗?

javascript - 在 lesscss 中创建和使用用户函数

html - 在 CSS 中重新创建边

css - 为什么我的 div 不对齐? (CSS 网页设计布局)

javascript - Instagram API 显示太多图像

javascript - 如何让我的导航链接的子列表项显示在它的右侧?

javascript - 使用jQuery设置高度而不刷新