テーブル ストライプ クラスを Bootstrap フレームワークで動作させることができません。
これが私のテーブルのライブプレビューです。HTML に .table-striped クラスを設定しましたが、出力に表示されません。
私は何を間違っていますか？
質問する
30115 次
3 に答える
36
あなたのhtmlは間違っています。tbody行ごとにタグがありますが、css は行のスタイルを変えるために.table-striped依存しています。tr:nth-child()
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th
繰り返し処理する tbody が 1 つになるように html を修正します。
また、リソースに bootstrap.css と bootstrap.min.css の両方を見ました。1つで十分です。
于 2013-05-26T13:46:59.330 に答える
3
問題は、テーブルのマークアップにあります。ブートストラップのドキュメントに従って、各行が tbody タグにラップされています。
:nth-child CSS セレクター (IE7-8 では使用できません) を介して、テーブル内の任意の行にゼブラ ストライプを追加します。
そのため、すべての tbody タグを削除して、テーブル本体の先頭に 1 つ、最後に 1 つだけになるようにすると、期待どおりに機能するはずです。
于 2013-05-26T13:46:49.190 に答える