みなさんこんにちは39の管理人のケンタリートです。今日は、Bootstrapで使うテーブルやリストについてご紹介します。
table-responsiveのクラスを使えば、スマホ画面でも綺麗に表示されると思われがちですが、使いにくいです。
例えば39のユーザ一覧のページは、テーブルを使っています。
しかし、少しずつ小さくしていきます。
このように画面からはみ出してしまいます。そこでこれを綺麗にするのに登場するのが、グリッドシステムです。
新しく作成した旅行プラン一覧ページのリストはグリッドシステムをつかいました。
こうすることで、スマホでも見やすいページができます。ぜひ参考にしてみてください。