Html 引导：更改网格尺寸

我有一个容器的行，我想使容器更大。默认情况下，引导程序的速度为1200px。我认为通过将col-md-4更改为类似col-lg-4的内容，它将扩展网格，但对我来说并非如此。有办法扩展网格吗？

进入Bootstrap网站的菜单，选择您喜欢的大小。在

Less Variables->Grid system

中，您可以找到一个表格来输入您的首选尺寸。然后您可以轻松下载首选网格。希望这会有所帮助

进入Bootstrap网站的菜单，选择您喜欢的尺码。在

Less Variables->Grid system

中，您可以找到一个表格来输入您的首选尺寸。然后您可以轻松下载首选网格。希望这会有所帮助

您可以使用

来创建一个占据整个视口宽度的容器。

您可以使用

来创建一个占据整个视口宽度的容器。

如果您不想让变量变少，只想增加容器大小，请确保调用自定义css样式表在引导css之后，使其不被覆盖，然后在样式表中使用简单的css标记，例如

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

---

您甚至可以使用最小宽度/最大宽度属性，或者正如benja指出的那样，您也可以使用容器流体将容器最大化到视口的全宽。

如果您不想处理更少的变量，只想增加容器大小，请确保在引导css之后调用自定义css样式表，这样它就不会被覆盖，然后使用样式表中的简单css标记，例如

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

---

您甚至可以使用min width/max width属性，或者正如benja指出的那样，您也可以使用容器流体将容器最大化到视口的全宽。

col XX num中的中间项对应于屏幕大小，它将导致网格中的“中断”，从而使网格中的项目具有响应性。例如，一个类别为col-sm-4的div将占据默认引导

行中12个网格单元中的4个，直到注意到“小”屏幕大小（在引导中，“小”定义为750px）

如果要更改引导
容器的
宽度
，请使用以下CSS：

.container{
    max-width: 1900px;
}

这将使容器更宽，但不会使网格更大。引导网格锁定为每行12个单元格。当您使用您在示例中给出的类
col-md-4
时，您告诉Bootstrap使该元素在这一行可能的12个单元格中占据4个

也许你会达到你想要的结果，使你的列占用更少的单元格。类似于
col-md-2
的内容，如果需要，可以使用类似于
col-md-offset-2
的内容将列定位到行中

希望这有帮助
 列XX num中的中间项与屏幕大小相对应，该屏幕大小将导致网格中的“中断”，从而使网格中的项目具有响应性。例如，一个类别为col-sm-4
的div将占据默认引导
行中12个网格单元中的4个，直到注意到“小”屏幕大小（在引导中，“小”定义为750px）

如果要更改引导
容器的
宽度
，请使用以下CSS：

.container{
    max-width: 1900px;
}

这将使容器更宽，但不会使网格更大。引导网格锁定为每行12个单元格。当您使用您在示例中给出的类
col-md-4
时，您告诉Bootstrap使该元素在这一行可能的12个单元格中占据4个

也许你会达到你想要的结果，使你的列占用更少的单元格。类似于
col-md-2
的内容，如果需要，可以使用类似于
col-md-offset-2
的内容将列定位到行中

希望这有帮助