Bootstrap：更改网格尺寸

问题描述：

我有一个容器，我想使容器更大。默认情况下，引导程序将其设置为1200px。我认为通过将col-md-4更改为像col-lg-4这样的东西，它会扩大网格，但它不适合我。有没有办法扩展网格？Bootstrap：更改网格尺寸

答

如果你不想混乱变量少，只是想增加你的容器大小......确保你的自定义CSS样式表在你的引导CSS后调用，以便它不被覆盖，然后使用在样式表一个简单的CSS标记，例如

@media (min-width: 1200px) { 
.container{ 
    width: 1400px; 
}

你甚至可以使用最小宽度/ MAX-width属性，或者贝尼亚指出，你也可以使用容器流体要将容器最大限度地全宽的视口。

答

前往上引导网站Customize菜单，并选择您的首选尺寸。在Less Variables -> Grid system中，您可以找到一个表单输入您的首选尺寸。然后您可以轻松下载首选网格。希望这会有所帮助。

答

可以使用<div class="container-fluid">的容器，将您的视口的整个宽度。

答

在col-XX-num中间项对应于屏幕尺寸，这将导致你的网格中的“破发”，使在网格中的项目是响应。例如，对于一类col-sm-4一个div会占用4在默认引导row 12个网格单元，直到“小”画面尺寸注意（在自举“小”被定义为750px）。 Read more about the Bootstrap grid。

如果你想改变引导container的width，使用CSS：

.container{ 
    max-width: 1900px; 
}

这将使集装箱更宽，但不会让你的网格大。 Bootstrap网格被锁定在每行12个单元格。当你在例子中使用col-md-4这个类时，你告诉Bootstrap使这个元素在这行中的12个单元中占用4个。

也许你会实现你想要的结果让你列占用较少的细胞。像col-md-2之类的东西，那么你可以使用像col-md-offset-2这样的东西来定位列中的行，如果需要的话。

希望这会有所帮助！

Bootstrap：更改网格尺寸

相关推荐