将Bootstrap网格自定义为840px

Question

我从这里下载了自定义版本的Bootstrap：http://twitter.github.com/bootstrap/customize.html

我改变的唯一设置是@gridColumnWidth从60px到50px给我一个840px的网格系统，而不是标准的960px。

但是，我遇到屏幕宽度为768px的问题，例如顶部固定导航栏正在破坏：

使用默认设置，导航栏保持固定：

有人可以告知为什么会发生这种情况以及应该调整哪些其他设置？我选择了840px，因为我需要一个由3个等宽列组成的相当窄的设计。在这种情况下，280px包括排水沟。

Answer 1

您可以使用固定的容器和流体行制作任意宽度的固定网格。

演示：http://jsfiddle.net/sonic1980/chKWm/

HTML：

<div id=container class=container>
    <div class=row-fluid>
        <div class=span4>4</div>
        <div class=span4>4</div>
        <div class=span4>4</div>
    </div>
...

<强> CSS：

#container {
    width: 500px;   <-- put here your desired width. 
                        You can also play with max-width and min-width
}

Answer 2

哼哼！我没有在页面宽度上找到任何明确的选项（这是我已经遇到的问题），

通过利弊，在此自定义中提供的是 - 在段落响应 - 中选择3种尺寸：

• 大（> 1200px）

• 平板电脑到桌面（767-979px）和

• 缩小平板电脑及以下（<767px）。 ..