如何在Bootstrap 2中更改響應式設計的默認寬度

Question

如何在引導程序中更改響應式設計的默認寬度？

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

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

Answer 2

實際上所有的fluidGridGutterWidth和ColumnWidth都被完全忽略了。 可以設置我想要的東西。 什么都沒有變化......

Answer 3

您可以使用他們的Web界面修改網格寬度和其他任何內容，然后只需點擊“ 自定義和下載 ”，您將獲得修改后的CSS：

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