css - 试图在 Bootstrap 3 中对齐两列，但我无法弄清楚

Question

如果我将您指向这里可能会最简单:http://bootsnipp.com/snippets/featured/user-profile-widget

我想做的是将它们并排对齐，以便每行有两个......

我只是对列的顺序完全感到困惑...

我想任何 Bootstrap 专家都可以提出建议吗？谢谢!

<div class="container">
<div class="row">
    <div class="col-xs-12 col-sm-6 col-md-6">
        <div class="well well-sm">
            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <img src="http://placehold.it/380x500" alt="" class="img-rounded img-responsive" />
                </div>
                <div class="col-sm-6 col-md-8">
                    <h4>
                        Bhaumik Patel</h4>
                    <small><cite title="San Francisco, USA">San Francisco, USA <i class="glyphicon glyphicon-map-marker">
                    </i></cite></small>
                    <p>
                        <i class="glyphicon glyphicon-envelope"></i>email@example.com
                        <br />
                        <i class="glyphicon glyphicon-globe"></i><a href="http://www.jquery2dotnet.com">www.jquery2dotnet.com</a>
                        <br />
                        <i class="glyphicon glyphicon-gift"></i>June 02, 1988</p>
                    <!-- Split button -->
                    <div class="btn-group">
                        <button type="button" class="btn btn-primary">
                            Social</button>
                        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                            <span class="caret"></span><span class="sr-only">Social</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">Twitter</a></li>
                            <li><a href="https://plus.google.com/+Jquery2dotnet/posts">Google +</a></li>
                            <li><a href="https://www.facebook.com/jquery2dotnet">Facebook</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Github</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

也许我不理解这个问题，但将其中两个包含在同一行时似乎工作得很好。

http://bootsnipp.com/user/snippets/M23j