使用引導程序通知佈局HTML

Question

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

結果應該是如下（上面的數字是自舉列大小）：

我的代碼是如下：

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

我在做什麼錯？

謝謝！

Answer 1

你只是想念最後一列不是嗎？你需要一個更：

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

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

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

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