小编nar*_*idi的帖子

使用 bootstrap 的网格，是否可以构建像这样的响应式东西？

这就是我到目前为止所尝试的。

<div class="row">
    <div class="panel panel-default profile_header">
        <div class="panel-body">
            <% for user in @users %>
                <div class="col-xs-5 col-md-3">
                    <%= image_tag(user.avatar.url(:medium), :class => "avatar_profile") %>
                </div>
                <div class="col-xs-7 col-md-9">
                    <h2 class="profile_name"><%= user.name %></h2>
                    <div class="row">
                        <div class="col-xs-12 col-md-12">
                            <h2 class="profile_bio"><%= user.bio%></h2>
                        </div>
                    </div>
                </div>
            <% end %>
        </div>
    </div>
</div> 

但对于移动设备，我希望紫色列弹出并显示在下面。现在的内容太拥挤了，将其分成自己的全宽框会好得多。这可能吗？