Twitter Bootstrap列不正确对齐

克雷格

我试图在屏幕上横排,左边的“登录”信息,然后在最右边的其他一些信息,右对齐。这是我失败的尝试:

<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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Twitter Bootstrap 4列大小不正确

来自分类Dev

Twitter Bootstrap 3.0 / JQuery 1.9.1模式渲染不正确

来自分类Dev

旋转的元素使twitter bootstrap Tooltip / Popover渲染不正确(带有偏移)

来自分类Dev

表单链接在Twitter Bootstrap Navbar中呈现不正确

来自分类Dev

Twitter Bootstrap网格问题:列对齐

来自分类Dev

正确打印Twitter Bootstrap

来自分类Dev

Twitter Bootstrap列填充?

来自分类Dev

Twitter Bootstrap的列排序

来自分类Dev

Twitter Bootrstrap-两列布局未正确对齐

来自分类Dev

Twitter Bootstrap 3:将列与容器内容对齐

来自分类Dev

CSS - 通过 Twitter 查看网页时的 CSS 版本不正确

来自分类Dev

SQL:1292 截断了不正确的 DOUBLE 值:“https://twitter.com/”

来自分类Dev

Bootstrap 3列订购不正确

来自分类Dev

Bootstrap推/拉-Div对齐不正确

来自分类Dev

BootStrap:连续两个Divs对齐不正确

来自分类Dev

Bootstrap推/拉-Div对齐不正确

来自分类Dev

CardLayout对齐不正确

来自分类Dev

div对齐不正确

来自分类Dev

Twitter Bootstrap水平中间对齐容器

来自分类Dev

Twitter Bootstrap对齐复选框

来自分类Dev

Twitter Bootstrap按钮水平中间对齐

来自分类Dev

Twitter Bootstrap中的面板文本对齐

来自分类Dev

Twitter Bootstrap中的8列

来自分类Dev

Twitter Bootstrap 4列网格?

来自分类Dev

Twitter Bootstrap:将复选框与复选框标签对齐的正确方法

来自分类Dev

Twitter Bootstrap网格:

来自分类Dev

隐藏Twitter Bootstrap按钮

来自分类Dev

Twitter Bootstrap:打印徽章

来自分类Dev

CSS Twitter Bootstrap表单