[解決済み] Twitter bootstrap float div right

質問

での適切な方法は何でしょうか？ bootstrap でdivを右にフロートさせるにはどうしたらいいのでしょうか？と思い pull-right は推奨された方法だと思ったが、それは動作しません。

@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>

どのように解決するのですか？

行の中に2つのspan6 divがあるので、行が構成する12スパン全体を占めることになります。

2つ目のspan6 divにpull-rightを追加しても、すでに右に位置しているため、何もすることはありません。

2番目のspan6 divのテキストを右寄せにしたいということであれば、そのdivに新しいクラスを追加してtext-align: rightの値を与えるだけです。

.myclass {
    text-align: right;
}

UPDATEです。

EricFreeseの指摘によると、Bootstrapの2.3リリース（先週）で、使用できるtext-alignユーティリティクラスが追加されたそうです。

• .text-left
• .text-center
• .text-right

http://twitter.github.com/bootstrap/base-css.html#typography