是否可接受以下引導程序html結構

Question

我想知道如果使用帶有html結構的引導程序3執行以下操作，是否有任何問題？

閱讀文檔和一些例子所有這些建議做以下的結構之後

<div class="row"> 
    <div class="col-lg-4" ></div> 
    <div class="col-lg-4" ></div> 
    <div class="col-lg-4" ></div> 
</div> 

，但我們在我們的應用程序中使用的角度和每個面板的尺寸可以改變，也每個小組有它自己的控制器知道何時擴展或不擴展。我已經想過一個控制器或一個國家經理，但目前我還不知道最終的UI定義。

所以我的問題是以下結構的任何問題？

 <div class="row"> 
     <div> 
      <div class="col-lg-4" ></div> 
     </div> 
     <div> 
      <div class="col-lg-4" ></div> 
     </div> 
     <div> 
      <div class="col-lg-4" ></div> 
     </div> 
    </div> 

Answer 1

該結構很好。但是，您的班級名稱存在錯誤。它應該是'col-lg-4'。

它也可以付費使用一些其他的同事-類來處理在較小的設備發生了什麼/屏幕尺寸

編輯： 後重新閱讀我看到，他們不會有固定的問題大小。也許考慮實現一個功能來爲不同的元素分配不同的大小。

E.G.

<div class="row"> 
    <div id="one"></div> 
    <div id="two"></div> 
    <div id="three"></div> 
</div> 

現在你可以用不同的ID的引用div的，做這​​樣的事情：

//if you want a large middle column with two smaller columns on the side 
$('#one).addClass('col-lg-2'); 
$('#two').addClass('col-lg-8'); 
$('#three).addClass('col-lg-2'); 

注：我使用jQuery了點。

Answer 2

網格類應該是col-lg-4而不是col-lg 4。

http://getbootstrap.com/examples/grid/