【问题标题】：How To Change The Default Width Of Responsive Design In Bootstrap 2如何在 Bootstrap 2 中更改响应式设计的默认宽度
【发布时间】：2012-05-19 19:02:08
【问题描述】：

如何在 bootstrap 中更改响应式设计的默认宽度？

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

【问题讨论】：

标签： ruby-on-rails css twitter-bootstrap responsive-design

【解决方案1】：

您可以使用他们的网络界面修改网格宽度和其他任何内容，然后只需点击“自定义和下载”，您就会拥有修改后的 CSS：

customize.html

【讨论】：

确实如此。您可以在他们的网站上使用较少的变量做所有可以做的事情。有关其变量如何工作的详细说明，请参阅此处：stackoverflow.com/questions/14823742/…

【解决方案2】：

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

【讨论】：

【解决方案3】：

我刚刚回答了一个类似的问题here，除此之外我可以推荐：

如果你使用较少的尝试：

// 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%;

【讨论】：