Bootstrap 3带有偏移量的容器流体

-1

我正在尝试在容器流体内部获得宽度为1170px的col。Bootstrap 3带有偏移量的容器流体

这

<div class="container-fluid"> 
    <div class="col-md-8 col-md-offset-2"> 
    <h2>Container-Fluid with Offset</h2> 
    </div> 
</div>

是不一样的，因为这

<div class="container"> 
    <h2>Container</h2> 
</div>

请告诉我得到一个容器流体内部的1170px宽度的最好方法？

来源

2017-05-02 Mamulasa

如果你想的1170px的宽度，那么它不是一个流体容器。为什么不使用容器？ –

，因为我需要不同的背景颜色 – Mamulasa

容器流体是全宽容器。这意味着它没有边距或填充。

你需要注意引导结构容器>行>列 一个主要原因遵循这是“挂钩规则”的浏览器支持保持视觉结构。或者你会遇到旧版浏览器的“bug”。

如果您想要全宽度列，请在包含偏移量的列中包含12列或类似列。 12是每行最多的列数。给看看到bootstrap grid

.myclass { 
 
background:#ffcc00; 
 
}

<div class="container-fluid"> 
 
    <div class="row"> 
 
    <div class="col col-xs-12 myclass"> 
 
    PEACE IN THE WORLD 
 
    </div> 
 
    </div> 
 
    </div>

如果你想具体宽度列，您可以使用自定义的div你行里也。 Bootstrap列相对较大。

.myclass { 
 

 
width:1170px; 
 
background:#ffcc00; 
 
}

<div class="container-fluid"> 
 
    <div class="row"> 
 
    <div class="myclass"> 
 
    PEACE IN THE WORLD 
 
    </div> 
 
    </div> 
 
    </div>

来源

2017-05-02 14:41:00 Sam

Bootstrap 3带有偏移量的容器流体

回答

相关问题