前の記事では、bootstrap3の研究ノート(1)とグリッドシステムのbootstrap3研究ノート(2)とグリッドシステムのbootstrap3研究ノート(2)のレイアウトを紹介しました。
テーブルタグの.tableクラスを使用して、Bootstrapのデフォルトのテーブルスタイルを使用するだけです
ラインの背景を交互にする必要がある場合は、次のように設定できます。
コードコピーは次のとおりです。
<表>
国境が必要な場合は、次のように設定できます。
コードコピーは次のとおりです。
<表>
マウスをコンテンツラインに移動して応答性の高い効果を持たせたい場合は、次のように設定できます。
コードコピーは次のとおりです。
<表>
テーブルをコンパクトにしてスペースを節約したい場合は、このように設定できます。セルのPEDDINGは4PXにカットされ、デフォルトのパディングは8PXです。
コードコピーは次のとおりです。
<表>
列に特定のスタイルを追加することもできます。
<tr> <tr> <tr> <tr> <tr>
さまざまなデバイスに一貫して表示するために、テーブルに応答性のある設定を使用することもできます。 Divを使用してテーブルの外側を変更します。これは、768px未満またはそれ以上のデバイスに自動的に適応します。
コードコピーは次のとおりです。
<div>
ブートストラップはテーブル要素をサポートします:
上記は、編集者によって紹介されたBootstrap3研究ノート(iii)フォームの関連する知識です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!