骨架网格系统:使集装箱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类添加到.container类的任何<div>中。

只要确保它是在<div>元素与.container类，因为它似乎不意味着<div>元素与.row或.column类。

Answer 2

您需要创建自己的容器类。我不知道骨架响应平台的css看起来像我的头。我用的是column，我知道它很相似，所以应该是这样的…

.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; }