一行與NG-重複

的div我需要創建的div的列表，看起來像下面的示例：一行與NG-重複

我使用的是引導網格系統和augularjs。我使用angularjs ng-repeat指令動態創建div。

我想要的是包含屬性'class「col-md-2」'的div中包含屬性'class「col-md-12」'的div的無盡列表。然後我想用滾動條滾動外部div中的所有div。

示例代碼：

<div class="col-md-12" scrollablebar> 
     <div ng-repeat="newview in newviewslist" class="col-md-2"> 
      Here goes the date from newview... 
     </div> 
    </div>

這不起作用，「關課程」正在創造新的行每次NG重複是創建一個div。

我如何防止這種情況發生？

來源

2015-12-12 AHJ

在col-md-12中，可以有6個col-md-2，之後有一個換行符。

嘗試改變「COL-MD-12」到「排液」

<div class="row-fluid" scrollablebar> 
    <div ng-repeat="newview in newviewslist" class="col-md-2"> 
     Here goes the date from newview... 
    </div> 
</div>

，並添加CSS：

.row-fluid{ 
    white-space: nowrap; 
} 

.row-fluid .col-md-2{ 
    display: inline-block; 
    margin-left:10px; 
}

jsfiddle

來源

2015-12-12 21:29:46 MoonYard

我還是得到linebrea k在使用行流體和col-lg-3示例的4個聲譽之後。 – AHJ

你有沒有刪除類：col-md-12？並添加display：inline-block for class .col-md-2 – MoonYard

是的。我不知道它是否繼承父母？ – AHJ

我解決了這個問題是這樣的：

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-1"></div> 
    <div class="col-md-10 col-xs-11" scrollablehorizontal> 
     <table class="borderless"> 
      <tbody> 
       <tr> 
        <td ng-repeat="newviews in newviews" valign="top" class="shadowbox" scrollableverticall> 
         <p> 
          all the things... 
         </p> 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
    <div class="col-md-1"></div> 
    </div> 
</div>

來源

2015-12-15 12:29:27 AHJ

一行與NG-重複

回答

相關問題