「align」属性を設定することでテーブルを整列させるのは簡単ですが、cssによるテーブルの整列は少しハックです。 Twitter Bootstrap 2.0で整列するテーブルの組み込みサポートはありますか?
これをサポートするものは組み込まれていませんが、次のようなものを追加するのは非常に簡単です。
.table th.rightCell,
.table td.rightCell {
text-align: right;
}
ブートストラップの アライメントクラス.text-right
を設定するtext-align: right
を含めます。
残念ながら、Bootstrapはテーブルセルにtext-align: left
を設定するため、.text-right
を<td>
に適用しても効果はありません。
<td class="text-right">
Still left aligned
</td>
ただし、セルのブロック要素insideに.text-right
を追加すると、機能します。
<td>
<p class="text-right">Right aligned</p>
</td>
<td>
<div class="text-right">Right aligned</div>
</td>
「td」には、bootstrap css:に含まれているこれを使用しました。
<td class="pagination-centered">