我试图在屏幕上横排,左边的“登录”信息,然后在最右边的其他一些信息,右对齐。这是我失败的尝试:
<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>
但是第二列位于行的中间,因此似乎在“单元格”中它的对齐方式不正确。谁能指导我做对这一点?
代替pull-right,使用text-right。
text-right
类通过使用将该元素的内容右对齐text-align: right
。
pull-right
类通过使用对齐元素本身float:right
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句