html - 在列中 Bootstrap 列以迭代对象

Question

我想在另一个 Bootstrap 列中创建一对 Bootstrap 列。

由于某种原因，我的输出不符合预期。由于某种原因，它们看起来完全愚蠢。我在格式化时是否犯了新手错误？

我正在遍历 @user 对象，并将个人资料图片放在左侧，个人资料信息放在右侧。有很多用户，因此理想情况下，它应该为数据库中用户的所有迭代设置样式。

我觉得这段代码应该可以工作，但它没有，不知道发生了什么:

<div class="row">

    <div class="other-box col-sm-6">
        <p>Random text!!!</p>
    </div>

    <div class="index-user-container col-sm-6">
        <div class="row">
            <% @users.each do |user| %>
                <div class="index-picture col-sm-4">
                    <%= image_tag user.image.thumb('150x185#').url if user.image_stored? %>
                </div>
                <div class="index-info-box col-sm-8">
                    <%= user.first_name %>
                    <%= user.last_name %>
                    <%= user.email %>
                    <%= link_to 'Go to profile', user_path(@user) %>
                </div>    
            <% end %>
        </div>
    </div>

</div>

我正在使用 Twitter Bootstrap 。这是愚蠢的屏幕截图:

Answer 1

如果您想要为列表中的每个用户创建一个新行，请将迭代器放在行 div 上方，而不是在其中 - 否则，您可能会得到一些奇怪的结果。

<div class="index-user-container col-sm-6">
   <% @users.each do |user| %>
      <div class="row">
            <div class="index-picture col-sm-4">
                <%= image_tag user.image.thumb('150x185#').url if user.image_stored? %>
            </div>
            <div class="index-info-box col-sm-8">
                <%= user.first_name %>
                <%= user.last_name %>
                <%= user.email %>
                <%= link_to 'Go to profile', user_path(@user) %>
            </div>
    </div>
  <% end %>
</div>