Bootstrap 3 のレスポンシブテーブル

Webデザイン

→ → → Entries ← ← ←
カテゴリー: 3系 　閲覧数:833　配信日:2014-05-13 21:02


公式ドキュメント


Bootstrap 3 の「Responsive tables」に搭載されている機能
・モバイルサイズなどで画面からはみ出した場合、横スライド可能な状態で表示
Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

期待値以下
・期待していた程、Bootstrap 3 のレスポンシブテーブル機能は充実していないことが判明
・上記 FooTable ライブラリ導入を決意

週間人気ページランキング ／ 4-9 → 4-15
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 21
2 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 19
3 16進数カラーコード ／ 2進数 18
4 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 15
5 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 14
6 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 10
7 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 7
7 Design 0 7
8 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 5
9 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 4
9 画像大きさ | 他サイト調査(HTML) 4
9 「属性」「プロパティ」「アトリビュート」の違い | CSS 4
9 RGBの種類 ／ ビットカラー | RGB(色) 4
10 「bgcolor」「background-color」「background」の違い | CSS 3
10 HSLとHSVの違い | 色変換(色) 3
10 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 3
11 CSSで出来ないこと | CSS 2
11 16進数カラーコード ／ RGB ／ 24ビットカラーの255とは？ 2
11 ICCプロファイル | カラーマネージメント(色) 2
11 「max-width:100%;」と「width : 100%;」の違い | CSS 2
2024/4/16 1:01 更新
指定期間人気ページランキング ／ 2020-5-30 → 2024-4-15
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 8119
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 4334
3 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | 色 3472
4 Design 0 3391
5 RGBの種類 ／ ビットカラー | RGB(色) 2438
6 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2333
7 「bgcolor」「background-color」「background」の違い | CSS 1765
8 コズミックブルーが何色か分からない | 色 1696
8 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 1696
9 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 1526
10 「属性」「プロパティ」「アトリビュート」の違い | CSS 1524
11 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 1457
12 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 1408
13 16進数カラーコード ／ 2進数 1369
14 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 1221
15 HSLとHSVの違い | 色変換(色) 1130
16 使用していないCSSをチェックする、標準的な方法を知りたい | CSS 1008
17 黒体 ／ 色温度 ／ D65（6500K）／ D50（5000K）／ K | 色 965
18 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 956
19 GIFアニメーション | 画像 912
2024/4/16 1:01 更新