-1

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

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

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

图片

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

图片

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

4

2 回答 2

0

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

演示：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
}
于 2012-11-14T23:30:37.800 回答
-1

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

在此定制中提供的缺点是 - 在响应段落中 - 在 3 种尺寸之间进行选择：

  • 大（> 1200 像素）

  • 平板电脑到桌面 (767-979px)，以及

  • 窄平板及以下 (<767px)。..

于 2012-09-21T15:06:37.650 回答