bootstrap3如何在容器的左側和右側插入div-blocks

塊的寬度應該佔用屏幕寬度左側的空間。 enter image description here bootstrap3如何在容器的左側和右側插入div-blocks

謝謝

2014-08-30 user3378283

你需要讓你的問題更清楚發生了什麼第一列和第三列的屏幕寬度太小而無法顯示。他們的最小寬度是多少？ – isherwood 2014-08-30 22:06:13

[Bootstrap 3.0 - 包含固定列大小的流體網格]的可能重複（http://stackoverflow.com/questions/19231742/bootstrap-3-0-fluid-grid-that-includes-fixed-column-sizes） – isherwood 2014-08-30 22:07:38

你會怎麼做與做小屏幕，其中容器得到全寬的塊？你爲什麼不這樣做：

<div class="container-fluid"> 
    <div class="row"> 
    <div class='col-md-2'><!-- Block --></div> 
    <div class='col-md-8'><!-- Container --></div> 
    <div class='col-md-2'><!-- Block --></div> 
    </div> 
</div>

或者，如果你想在側塊要在移動隱藏：

<div class="container-fluid"> 
    <div class="row"> 
    <div class='col-md-2 hidden-sm'><!-- Block --></div> 
    <div class='col-md-8 col-sm-12'><!-- Container --></div> 
    <div class='col-md-2 hidden-sm'><!-- Block --></div> 
    </div> 
</div>

來源

2014-08-30 21:35:07 Pevara

我的容器需要max-970px，如果屏幕有更多的空間，那麼用戶應該看到這些塊。 – user3378283 2014-08-30 21:46:16

理想情況下，我應該在頁面中間放置一個塊 - 中間爲970像素，如果屏幕有空閒空間 - 則在中間塊的左側和右側添加兩個塊並填充此空間。對於設計來說重要的是中間塊需要970px並且處於中間。 – user3378283 2014-08-30 21:55:57

然後你將不得不寫一些自定義的CSS，不可能與純引導我相信 – Pevara 2014-08-30 22:01:08

bootstrap3如何在容器的左側和右側插入div-blocks

回答

相關問題