如何在引导程序中更改响应式设计的默认宽度?
@import "twitter/bootstrap/bootstrap";
body { padding-top: 60px; }
@import "twitter/bootstrap/responsive";
如何在引导程序中更改响应式设计的默认宽度?
@import "twitter/bootstrap/bootstrap";
body { padding-top: 60px; }
@import "twitter/bootstrap/responsive";
我刚刚在这里回答了一个类似的问题,此外我还可以推荐:
如果您使用较少尝试:
// 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%;
实际上所有的 fluidGridGutterWidth 和 ColumnWidth 东西都被完全忽略了。可以在任何我想要的地方设置东西。什么都没有改变...
您可以使用他们的网络界面修改网格宽度和其他任何内容,然后只需点击“自定义和下载”,您将获得修改后的 CSS: