Twitter bootstrap 引导列会偏离html宽度

我正在构建一个Angular2应用程序，我正在使用一个占据整个页面宽度的组件。当我的组件的html文件中有此内容时，页面就可以了：

<div class="row">
    (literally nothing in here)
</div>

---

非常感谢您对如何解决此问题的任何帮助。

当您想使用容器的全宽时，请始终使用

容器液体

而不是

col-md-12

，这是您需要的解决方法。发件人：

使用

.container fluid

作为全宽容器，覆盖视口的整个宽度

---

首先，您应该将

标记包装在

或

中，就像这样

<div class="container">
    <div class="row">
        <div class="col-md-12"></div>
    </div>
</div>

---

在这种情况下，使用

container fluid

，这将允许您的内容跨越整个屏幕宽度。

col-md-12

不一定是这里的问题，它本身并不会导致版面宽度。然而，问题显然是缺少

容器

或

容器流体

类。

<div class="container">
    <div class="row">
        <div class="col-md-12"></div>
    </div>
</div>