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

Webデザイン

→ → → Entries ← ← ←
カテゴリー: 3系 　閲覧数:1204　配信日: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 ライブラリ導入を決意

週間人気ページランキング ／ 7-12 → 7-18
順位 ページタイトル抜粋 アクセス数
1 Design 0 5
1 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 5
2 「Midjourney」を使用してみた感想。2022 年 8 月 2 時点では、画像生成能力自体は素晴らしいと思いますが、UIが致命的に分かりづらかったです。 | AI画像生成 4
2 SeaMonkey 2.7.2 4
3 デフォルトの「Google Chrome」ではURL欄にwwwが表示されないため、「Microsoft Edge」を使用する | Google Chrome(ブラウザ) 3
3 絶対パス | HTML 3
3 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 3
4 ブックマークアイコンをクリックした際、最初から編集画面を出す方法を知りたい | Google Chrome(ブラウザ) 2
4 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2
4 RGBの種類 ／ ビットカラー | RGB(色) 2
4 「東京都」のカラーコード取得は難しい | カラーコード(色) 2
4 「CSSプロパティ」書く順番 | コーディングルール 2
4 Illustrator CS3(Illustrator) カテゴリー 2
5 Chrome で右クリックから保存しようとするとフリーズする → フォルダーオプションで「別のプロセスでフォルダーウィンドウを開く」 | Google Chrome(ブラウザ) 1
5 IrfanView 1
5 「ログイン情報を保持」の名称 1
5 Chromeで(TikTokなど)特定Webサイトの音を消すには、該当タブを右クリック後、「サイトをミュート」をクリックします。 | Google Chrome(ブラウザ) 1
5 「transform:translate3d();」でスマホ実機画面が一瞬だけチラつく → 「backface-visibility:hidden;」指定すると解消される | CSSトラブル対応(CSS) 1
5 Chrome コンソール画面で CSSの:hover 適用スタイルを確認 | Google Chrome(ブラウザ) 1
5 検索エンジンなら画像掲載はOKなの？ | 画像著作権(画像) 1
2026/7/19 5:05 更新
指定期間人気ページランキング ／ 2020-5-30 → 2026-7-18
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 8945
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 4630
3 Design 0 4181
4 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 3804
5 RGBの種類 ／ ビットカラー | RGB(色) 2828
6 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2799
7 「bgcolor」「background-color」「background」の違い | CSS 2112
8 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 2104
9 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 1994
10 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 1898
11 16進数カラーコード ／ 2進数 1894
12 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 1731
13 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 1706
14 「属性」「プロパティ」「アトリビュート」の違い | CSS 1690
15 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能(ブラウザ) 1575
16 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 1544
17 「東京都」のカラーコード取得は難しい | カラーコード(色) 1474
18 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 1402
19 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 1255
20 「西武鉄道株式会社」のブランドカラーは、3色(#3366CC、#66CCFF、#33CC66) | 色 1253
2026/7/19 5:05 更新