モーダルは、Webページのメインウィンドウとは別のウィンドウです。主な目的は、メインのユーザーインタラクションウィンドウをオフにして、ユーザーに確認する情報や何かを共有することです。モーダルウィンドウは、ログインコンポーネント、ユーザー入力の確認、またはその他の多くの用途として一般的に使用されます。
ブートストラップは、コンポーネントを非常に迅速に構築するのに役立つフレームワークです。この記事では、Bootstrapを構成する方法、モーダルが必要な理由、およびBootstrapフレームワークを使用した実際のモーダルの例をいくつか見ていきます。
はじめに
Webページにモーダルが表示されるようにするには、適切な依存関係があることを確認してください。このプロジェクトには、Bootstrap、Popper.JS、jQueryが必要です。すべてを取得するには、Bootstrapクイックスタートページに移動してください。依存関係。
必要なパッケージを接続する方法はあなた次第ですが、最も簡単で初心者に優しいのは、jQuery、Popper.js、およびBootstrapにコンテンツ配信ネットワーク(CDN)を使用することです。 <! --popper.jsCDN2番目->