2016-03-05 3 views
0

我需要爲自定義通知佈局構建網格,但我無法理解如何執行。目前我使用引導CSS來創建它。使用引導程序通知佈局HTML

結果應該是如下(上面的數字是自舉列大小):

enter image description here

我的代碼是如下:

<div class="row"> 
    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"> 
     <img ...> 
    </div> 
    <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5"> 
     <div>Text 1</div> 
     <div>Text 2</div> 
    </div> 
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"> 
     <img ...> 
     <img ...> 
    </div> 
</div> 

我在做什麼錯?

謝謝!

回答

1

你只是想念最後一列不是嗎?你需要一個更:

<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"> 

在這裏看到:http://www.bootply.com/8rl3F6ETs6

我已經改變了第二列的佈局方式,使之更加明確,但我相信,如果你要去的是兩列正確的,你只需要添加另一列。

如果您希望以內容爲中心,請將class .text-center添加到每個列div。