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帶有偏移量的容器流體

回答

相關問題