1

如何在引导程序中更改响应式设计的默认宽度?

@import "twitter/bootstrap/bootstrap";
body { padding-top: 60px; }
@import "twitter/bootstrap/responsive";
4

3 回答 3

1

我刚刚在这里回答了一个类似的问题,此外我还可以推荐:

如果您使用较少尝试:

// Default 940px grid
// -------------------------
@gridColumns: 12;
@gridColumnWidth: 60px;
@gridGutterWidth: 20px;
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

// Fluid grid
// -------------------------
@fluidGridColumnWidth: 6.382978723%;
@fluidGridGutterWidth: 2.127659574%;

更多变量可以在git上找到


如果您使用的是 sass,请尝试:

// Default 940px grid
// -------------------------
$gridColumns: 12;
$gridColumnWidth: 60px;
$gridGutterWidth: 20px;
$gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));

// Fluid grid
// -------------------------
$fluidGridColumnWidth: 6.382978723%;
$fluidGridGutterWidth: 2.127659574%;
于 2012-05-11T10:32:09.733 回答
1

实际上所有的 fluidGridGutterWidth 和 ColumnWidth 东西都被完全忽略了。可以在任何我想要的地方设置东西。什么都没有改变...

于 2012-05-19T08:01:45.540 回答
1

您可以使用他们的网络界面修改网格宽度和其他任何内容,然后只需点击“自定义和下载”,您将获得修改后的 CSS:

http://twitter.github.com/bootstrap/customize.html

于 2012-08-22T09:41:45.660 回答