如何将这些Bootstrap 3面板内联渲染?

时间:2017-06-08 09:53:44

标签: twitter-bootstrap-3

Here's the Bootply

我如何渲染这些面板tp是内联的?我没有看到我在这里缺少什么,我有一个<Button Content="Open" Click="Button_Click_1" Command="{Binding Path=DataContext.OpenItemBySelectedItemCommand, RelativeSource= {RelativeSource FindAncestor, AncestorType={x:Type telerik:RadGridView}}}"> </Button> ,我有一个container,我有row嵌套在行中?

对于上下文,每个面板都使用'_quotes.html.erb'部分编写,该部分由'index.html.erb'视图中的col-md-4块呈现。

index.html.erb

Quotes.all.each

_quote.html.erb

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

1 个答案:

答案 0 :(得分:2)

有几个错误

  1. 您只有一个col-md-4,这意味着所有孩子都适合这一列。
  2. 你的col-md-4里面有另一个容器div,它基本上重置了整个东西,然后又重新组合了一个col-md-4。
  3. Edited Bootply