このページはブログ『Wataame Frog』の「Bootstrap使い方 テーブル編」という記事のサンプルです。
記事URL : http://wataame.sumomo.ne.jp/archives/5484
BootstrapでTableを使う
基本
見出し1 |
見出し2 |
見出し3 |
データ1 |
データ2 |
データ3 |
データ4 |
データ5 |
データ6 |
データ7 |
データ8 |
データ9 |
ストライプ
見出し1 |
見出し2 |
見出し3 |
データ1 |
データ2 |
データ3 |
データ4 |
データ5 |
データ6 |
データ7 |
データ8 |
データ9 |
ボーダー
見出し1 |
見出し2 |
見出し3 |
データ1 |
データ2 |
データ3 |
データ4 |
データ5 |
データ6 |
データ7 |
データ8 |
データ9 |
マウスオーバーで背景色
見出し1 |
見出し2 |
見出し3 |
データ1 |
データ2 |
データ3 |
データ4 |
データ5 |
データ6 |
データ7 |
データ8 |
データ9 |
padding を半分にする
見出し1 |
見出し2 |
見出し3 |
データ1 |
データ2 |
データ3 |
データ4 |
データ5 |
データ6 |
セルに既定の背景色をつける
見出し1 |
見出し2 |
見出し3 |
default |
データ2 |
データ3 |
active |
データ5 |
データ6 |
success |
データ8 |
データ9 |
info |
データ11 |
データ12 |
warning |
データ14 |
データ15 |
danger |
データ17 |
データ18 |
td |
success |
warning |
レスポンシブ仕様
見出し1 |
見出し2 |
見出し3 |
データ1 |
データ2 |
データ3 |
データ4 |
データ5 |
いろはにほへと ちりぬるを わかよたれそ つねならむ うゐのおくやま けふこえて あさきゆめみし ゑひもせす いろはにほへと ちりぬるを わかよたれそ つねならむ うゐのおくやま けふこえて あさきゆめみし ゑひもせす |