web-dev-qa-db-ja.com

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

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

23
SiberianGuy

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

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

ブートストラップの アライメントクラス.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>
12
Stefan

「td」には、bootstrap css:に含まれているこれを使用しました。

<td class="pagination-centered">
0
trante