爲什麼元素不顯示水平？

我有一個簡單的AngularJs應用程序，我使用Bootstrap的樣式。我寫了下面的代碼：爲什麼元素不顯示水平？

<div class="container" > 
    <div class="gallery"> 
     <div class="row"> 
      <div class="col-md-3"> 
       <div ng-repeat="itm in albumsCovers"> 
        <a href="#album/"+{{itm.id}} data-title="My first Caption" data-lighbox="Vocation"> 
        <img src="{{itm.link}}" width="200px" class="img-rounded" /> 
        </a> 
       </div> 
      </div> 

     </div> 
    </div> 
</div>

我在引導閱讀文檔，我發現了，我應該使用.COL-MD-3，但它不能正常工作水平元素。也許有人知道我該如何解決它？

P.S.在我的應用程序中，我使用ng-view指令。

來源

2016-07-23 Uladzimir Khadakouski

反覆的div應該有COL-MD-3級，你現在在做什麼的權利是創造一個div.col-MD-3有一堆的div的兒童

沿線的改變這應該修復它：

  <div class="col-md-3" ng-repeat="itm in albumsCovers"> 
       <a href="#album/"+{{itm.id}} data-title="My first Caption" data-lighbox="Vocation"> 
       <img src="{{itm.link}}" width="200px" class="img-rounded" /> 
       </a> 
      </div>

來源

2016-07-23 20:55:54

這應該工作。您將所有圖像放在一個div列中，而不是爲每個圖像div創建一個3單位列。

來源

2016-07-23 20:58:16 10100111001

爲什麼元素不顯示水平？

回答

相關問題