【问题标题】:Bootstrap 2 Column Layout- Unequal Post size fixBootstrap 2 列布局 - 不等的帖子大小修复
【发布时间】:2017-06-16 07:10:09
【问题描述】:

我已经在 ruby​​ on rails 中创建了一个应用程序,并且正在使用引导程序,我使用的是 2 列布局,问题是帖子大小不相等,随之而来的是我想摆脱的尴尬间隙。

我的索引页目前的样子: 我希望我的索引页是什么样的:

我的 index.html.erb

   <div class="container">
      <% @posts.each_slice(2) do |posts| %>
        <div class="posts-wrapper row">
           <% posts.each do |post| %>
             <div class="col-lg-4 col-md-offset-1">
                <%= post.body %>
             </div> 
           <% end %>
        </div> 
      <% end %>
   </div>

【问题讨论】:

    标签: css ruby-on-rails twitter-bootstrap


    【解决方案1】:

    .row移出循环,它将被修复

    或尝试以下代码,这也应该可以工作

    <div class="container">
      <div class="posts-wrapper row">
        <% @posts.each do |post| %>
          <div class="col-lg-6">
            <%= post.body %>
          </div> 
        <% end %>
      </div> 
    </div>
    

    【讨论】:

      【解决方案2】:

      【讨论】:

        猜你喜欢
        • 2019-11-13
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-01-24
        • 2014-01-28
        • 2012-07-12
        • 2022-06-23
        相关资源
        最近更新 更多