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

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

王林
王林転載
2023-09-16 10:05:021411ブラウズ

如何在 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 までご連絡ください。