twitter-bootstrap - Twitter Bootstrap 列未右对齐

Question

我试图在屏幕上画一行，登录信息在左侧，然后一些其他信息在最右侧，右对齐。这是我不成功的尝试:

<div class="container well">
    <div class="row">
        <div class="col-lg-6">
            @(Session["CurrentUserDisplay"] != null ? "Welcome, " + @Session["CurrentUserDisplay"] : "Not logged in")
        </div>
        <div class="col-lg-6 pull-right">Active Portfolio: @(Session["ActivePortfolioName"].ToString()) 
        </div>
    </div>
</div>

但是第二列位于行的中间，因此它在“单元格”中似乎不正确。谁能指导我做到这一点？

Answer 1

使用text-right代替pull-right。

text-right 类使用 text-align: right 将该元素的内容向右对齐。

pull-right 类使用 float:right 来对齐元素本身。