ブートストラップに閉じるボタンを追加する方法

ブートストラップの閉じるボタンを追加する方法: まず、対応するコード ファイルを開き、次に close クラスを または 要素に追加します。最後にアイコンをクリックしてモーダル ボックスと警告を作成します。ボックスが消えます。

このチュートリアルの動作環境: Windows7 システム、bootstrap3 バージョン、Dell G3 コンピューター。

関連チュートリアルの推奨事項: 「bootstrap チュートリアル」

[閉じる] ボタン

は または 要素に .close クラスを追加すると、閉じるを表すアイコンが表示されます。アイコンをクリックすると、モーダル ボックスと警告ボックスが消えます。例:

<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<a class="close"><span aria-hidden="true">&times;</span></a>

その効果を図 2‑82 に示します。

関連紹介:

Bootstrap は無料のフロント サービスです。 end フレームワーク. HTML、JavaScript、CSS に基づいて開発されたフレームワークです. 主に応答性の高い Web サイトの構造とレイアウトに使用されます. Bootstrap の登場は主に Web ワーカーの作業を簡素化することであり、これには動的な調整も含まれますJavaScript。

ブートストラップ フレームワークを使用して、レスポンシブな Web サイトを作成します。ブートストラップは、PC や携帯電話など、解像度の異なるデバイスでも使用できます。デバイスによる表示効果を気にする必要はありません。現在、すべてのブラウザが Bootstrap をサポートしているため、Web サイトを構築するときにブラウザの互換性の問題を考慮する必要はありません。

以上がブートストラップに閉じるボタンを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。