如何渲染這些Bootstrap 3面板？

Question

Here's the Bootply

我該如何渲染這些面板tp是內聯的？我沒有看到我在這裏失蹤，我有一個container，我有一個row，我有col-md-4嵌套在行內？

對於上下文，這些面板中的每一個均以'_quotes.html.erb'部分編寫，該部分由'index.html.erb'視圖內的Quotes.all.each塊顯示。

index.html.erb

<div class="container"> 
<div class="row"> 
     <% @quotes.each do |quote| %> 
      <%= render :partial => "quote", locals: {quote: quote} %> 
     <% end %> 
</div> 

_quote.html.erb

<% @quote = local_assigns[:quote] %> 
<%= link_to quote_path(@quote) do %> 
    <section id="quotes"> 
     <!-- <div class="container"> --> 
     <div class="col-md-4 col-md-4 col-md-4 text-center"> 
      <div class="panel panel-success panel-quote link-panel"> 
      <div class="panel-heading"> 
       <strong>GLA</strong> 
      </div> 
      <div class="panel-body"> 
       <p><strong>Quote ID; <%= @quote.id %></strong></p> 
      </div> 

      <table class="table table-bordered"> 
       <tr> 
       <td>Company name</td> 
       <td><%= @quote.co_name %></td> 
       </tr> 
       <tr> 
       <td>Company number</td> 
       <td><%= @quote.co_number %></td> 
       </tr> 
       <tr> 
       <td>Office postcode</td> 
       <td><%= @quote.postcode %></td> 
       </tr> 
       <tr> 
       <td>Industry</td> 
       <td><%= @quote.industry %></td> 
       </tr> 
       <tr> 
       <td>Previous cover</td> 
       <td><%= @quote.prev_cover %></td> 
       </tr> 
       <tr> 
       <td>Lives overseas</td> 
       <td><%= @quote.lives_overseas %></td> 
       </tr> 
       <tr> 
       <td>Scheme start date</td> 
       <td><%= @quote.scheme_start_date %></td> 
       </tr> 
       <tr> 
       <td>Payment frequency</td> 
       <td><%= @quote.payment_frequency %></td> 
       </tr> 
       <tr> 
       <td>Commission level</td> 
       <td><%= @quote.commission_level %></td> 
       </tr> 
      </table> 
      </div> 
     </div> 
     <!-- </div> --> 
    </section> 
    </div> 
<% end %> 

Answer 1

有一對夫婦的錯誤

1. 你只有一個同事md-4這意味着所有的孩子都會適合這個單身柱。
2. 你的col-md-4裏有另外一個容器div，它基本上重新設置整個事物，並且在那裏再次有一個col-md-4。

Edited Bootply