ホームページ > ウェブフロントエンド > CSSチュートリアル > Bootstrap 4 でページネーションを揃えるにはどうすればよいですか?

Bootstrap 4 でページネーションを揃えるにはどうすればよいですか?

王林
リリース: 2023-09-16 10:05:02
転載
1369 人が閲覧しました

如何在 Bootstrap 4 中对齐分页?

Bootstrap 4 は、応答性の高いモバイルファースト Web サイトを作成するための人気のあるフロントエンド プログラミング フレームワークです。ナビゲーション バー、フォーム、ボタン、モーダルなど、モダンで美しい外観の Web サイトを迅速に構築するために使用できるさまざまな CSS および JavaScript 要素が提供されます。

Bootstrap 4 のページネーションの配置とは、Web ページのページネーション コンポーネントが配置される方法を指します。ただし、ページネーションは通常中央に配置されます。 justify-content-* クラスでは、左揃えまたは右揃えが可能です。

###方法###

Bootstrap 4 でページネーションを揃える方法はたくさんあります -

    .justify-content-* クラスを使用する
  • text-* クラスを使用する
  • 次に、例を挙げて各方法を詳しく理解しましょう。

方法 1: 「.justify-content-* クラス」を使用する

Bootstrap 4 でページネーションを揃える最初の方法は、「.justify-content-* クラスを使用する」です。

###例###

ここでは、ステップバイステップの例を使用してこのメ​​ソッドを実装します -

ステップ 1

- Bootstrap 4 JavaScript および CSS ファイルが HTML ドキュメントの先頭に含まれていることを確認します。

ステップ 2 - ページネーション コンポーネントを構築するには、ページネーション クラスを使用して

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート