css - テーブルの内容を揃えるために Twitter Bootstrap 2.0 に組み込まれているものはありますか?

Question

"align" 属性を設定することで簡単に表を揃えることができますが、css による表の揃えは少しハックです。Twitter Bootstrap 2.0 で整列するテーブルの組み込みサポートはありますか?

Answer 1

これをサポートするものは何も組み込まれていませんが、次のようなものを追加するのは非常に簡単です:

.table th.rightCell,
.table td.rightCell {
  text-align: right;
}

Answer 2

Bootstrap のアラインメント クラス.text-rightには、 which setsが含まれていますtext-align: right。

残念ながら、ブートストラップはtext-align: leftテーブル セルに設定されるため、 a に適用.text-rightし<td>ても効果はありません。

<td class="text-right">
  Still left aligned
</td>

ただし、セル内.text-rightのブロック要素への追加は機能します。

<td>
  <p class="text-right">Right aligned</p>
</td>
<td>
  <div class="text-right">Right aligned</div>
</td>