骨架网格系统：使容器100％

Question

是否可以使根div（容器）100％的文件？
这是我的代码：

<div class="container" style="width:100%;">
    <div id="topbar" class="sixteen columns" style="background-color:green;">topbar topbar topbar topbar topbar topbar </div>
</div>

感谢

Answer 1

我知道很久以前就问过这个问题，但是Skeleton有这个实用程序。

基本上将.u-full-width和.u-max-full-width课程添加到课程<div>的任何.container。

请确保它位于<div>元素的.container元素上，因为它似乎不适用于<div>元素.row或{{1}类。

Answer 2

您需要创建自己的容器类。我不知道骨架响应平台的css是什么样的。我使用一个名为Columnal的，我知道它是相似的，所以它应该是这样的......

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

正常的CSS应该是.container { max-width: 1140px; width: 100%; clear: both; margin: 0 auto; }