骨架网格系统:使容器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或.column类.

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