複数記事に分けてWEB制作でよく使うBootstrapの機能や意外と知られていない便利な機能なども紹介していきますので、初めてBootstrapにチャレンジされる方も、既にBootstrapを使って開発をされている方にも読んでいただけると嬉しいです。第7回目の今回は「ページ送り編」!Bootstrap4でページ送りを設定する方法を解説していきたいと思います。ページ送りBootstrap4では、クラスを付与することで、ページ送りを設定することができます。ページ送り・アイコンの操作ページナビでは、「前へ」「次へ」の代わりにアイコンを使うことができます。ページ送りの有効化・無効化ページナビでは、「前へ」「次へ」の代わりにアイコンを使うことができます。ルールについて「.disabled」クラスを付与することで、クリックできないように見せることができます。「.active」クラスを付与することで、現在のいるページを認知させることができます。ページ送りのサイズ変更ページ送りのサイズも変更することが出来ます。ルールについて「.pagination」クラスに、「.pagination-xx(サイズごとのクラス)」を追加することでサイズ変更できます。ページ送りの位置ページ送りの位置も変更することが出来ます。ルールについて「.pagination」クラスに、「.justify-content-center」を追加すると中央に配置できます。「.pagination」クラスに、「.justify-content-end」を追加すると中央に配置できます。aria-hidden="true">&raquo;</span></a></li></ul></nav>まとめ今回はページ送り編ということで、様々なページ送りの設定方法をご紹介しました。社員Aフロントエンドエンジニア・デザイナーの社員Aです。更新頻度が多いかと思います。このブログのテーマも作成しました。ブログの執筆を通じて、やっと日本語Lv.20くらいになれた気がします。株式会社ユニバースです。ホームページデザイン、ECサイトデザインなどWEB制作のトータルサポートを行っております。ホームページ制作やネットショップ運営代行などwebに関するご相談・お見積は、お気軽にお問い合わせください。MAX】2018年10月19日10今話題のLINEのオープンチャットとは?実際に参加してみた2019年09月11。