100％宽度的Twitter Bootstrap 3模板

一尘不染

100％宽度的Twitter Bootstrap 3模板

css

我是一个Bootstrap新手，我有一个100％宽的模板，希望使用Bootstrap进行编码。第一列从左上角开始，我在Google地图上将拉伸范围扩展到最右边。我以为我可以在container- fluid课堂上做到这一点，但这似乎不再可用。我不知道如何使用bootstrap 3来实现该布局。我正在使用themeforest中的Geometry
PSD模板

阅读 264

2020-05-16

共1个答案

一尘不染

对于Bootstrap 3，您将需要使用自定义包装并将其宽度设置为100％。

.container-full {
  margin: 0 auto;
  width: 100%;
}

这是Bootply上的工作示例

如果您不想添加自定义类，则可以通过将所有内容包装在col-lg-12宽布局演示]）中来实现非常宽的布局（而不是100％）

Bootstrap 3.1的更新

container-fluid类中引导3.1已返回，所以这可以被用来创建一个完整的宽度的布局（没有额外的CSS需要）..

2020-05-16