Bootstrap無法正常工作，因爲它應該在我的Rails應用程序上

Question

我試圖創建兩列布局。第一方應跨越9列和下一個3裏面的COL-MD-9我想窩兩列，一個橫跨4，另一個卻跨越8

<div class="row"> 
    <% @huddles.each do |huddle| %> 
    <div class="col-md-9"> 
    <div class="row"> 
     <div class="col-md-4"> 
     <img class="img-responsive" src="http://placehold.it/300x150"> 
     </div> 
     <div class="col-md-8"> 
     <h4><%= huddle.title %></h4> 
     <h4 class="huddle-description"><%= huddle.description %></h4> 
     <%= link_to "Read More...", huddle_path(huddle) %> 
     </div> 
    </div> 
    <% end %> 
</div> 
<div class="col-md-3">Second Column</div> 
</div> 

此，自帶出去找這樣的：

上午我築巢我的行和列錯了嗎？或者，也許這是我的紅寶石代碼本身，一旦新的「Huddles」創建了螺旋佈局？

編輯：使用固定的代碼，第二列「col-md-3」出現在最後一次創建的混雜區旁邊。檢查它，所有的擠壓成一排。

<div class="row"> 
<% @huddles.each do |huddle| %> 
    <div class="col-md-9"> 
    <div class="row"> 
    <div class="col-md-4"> 
    <img class="img-responsive" src="http://placehold.it/300x150"> 
    </div> 
    <div class="col-md-8"> 
    <h4><%= huddle.title %></h4> 
    <h4 class="huddle-description"><%= huddle.description %></h4> 
    <%= link_to "Read More...", huddle_path(huddle) %> 
    </div> 
    </div> 
</div> 
<% end %> 
<div class="col-md-3">Second Column</div> 
</div> 

，看起來像這樣，在第二列一路向下移動，旁邊創建的最後亂堆：

Answer 1

我覺得這是你要的東西。我非常有信心，這個問題與html結構有關，與ruby無關。

我也想澄清一下。你遇到的最初問題是你在循環中啓動了一個div，但只是在循環之外關閉它。因此，開始n個div的數量，但只有一個結束標記，這會導致它看起來像您第一次發佈的圖像。

<div class="row"> 
    <div class="col-md-9"> 
    <% @huddles.each do |huddle| %> 
    <div class="show-region" > 
     <div class="col-md-4" style="height:150px;"> 
     <img class="img-responsive" src="http://placehold.it/300x150"> 
     </div> 
     <div class="col-md-8" style="height:150px;"> 
     <h4><%= huddle.title %></h4> 
     <h4 class="huddle-description"><%= huddle.description %></h4> 
     <%= link_to "Read More...", subjects_path(huddle) %> 
     </div> 
    </div> 
    <% end %> 
    </div> 
    <div class="col-md-3">Second Column</div> 
</div>