Twitter引导浮点div右

Question

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
 .container {
    margin-top: 10px;
}

<div class="container">
    <div class="row-fluid">
        <div class="span6">
            <p>Text left</p>
        </div>
        <div class="span6 pull-right">
            <p>text right</p>
        </div>
    </div>
</div>

Answer 1

您的行中有两个span6 div，因此这将占用一行所组成的整个12个spans。

在第二个span6 div中添加拉-右不会对它有任何影响，因为它已经坐在右边了。

如果您的意思是想让第二个span6 div中的文本向右对齐，那么简单地向该div添加一个新类，并为其赋予text-align：right值。

.myclass {
    text-align: right;
}

更新：

EricFreese指出，在Bootstrap的2.3版本（上周）中，他们添加了可以使用的文本对齐实用程序类：

• .text-left
• .文本中心
• .text-right