ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップを使用してログイン ページをすばやく実装する方法

ブートストラップを使用してログイン ページをすばやく実装する方法

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼オリジナル
2019-07-17 14:44:036249ブラウズ

ブートストラップを使用してログイン ページをすばやく実装する方法

まず https://v3.bootcss.com/getting-started/#download にアクセスして、ブートストラップをダウンロードします。

ブートストラップを使用してログイン ページをすばやく実装する方法

ダウンロードして解凍すると、ディレクトリは次のようになります。非常に簡潔です:

ブートストラップを使用してログイン ページをすばやく実装する方法

関連する推奨事項: "bootstrap Getting Started Tutorial >>

図に示すように、ログイン ページの作成を開始しましょう。主なステップは 2 つあります:

(1) boostrap の js と css を導入し、 jquery.jsを導入します。

(2) ユーザー名入力ボックス、パスワード入力ボックス、ログインボタンを記述します。

ブートストラップを使用してログイン ページをすばやく実装する方法

#書き込み後のディレクトリはブートストラップフォルダ(css\js\fonts含む)、ログインページindex.html、jquery.jsとなります。

ブートストラップを使用してログイン ページをすばやく実装する方法

index.html をダブルクリックしてブラウザで開き、次のように効果を確認します。

以上がブートストラップを使用してログイン ページをすばやく実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。