Twitter Bootstrap列不正确alignment
我试图在屏幕上排列一行,左边是login信息,右边是其他一些信息,右alignment。 这是我不成功的尝试:
<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>
但是第二列坐在排的中间,所以在“单元格”中似乎没有正确的理由。 任何人都可以指导我得到这个权利?
而不是拉右使用文本的权利 。
text-right
类通过使用text-align: right
将该元素的内容向右text-align: right
。
pull-right
类通过使用float:right
来alignment元素本身。
我认为你需要使用偏移量。 添加类col-md-offset- *
你可以阅读更多的文档: http : //getbootstrap.com/css/#grid-offsetting