如何使用bootstrap快速實現登入頁面

爱喝马黛茶的安东尼
發布: 2019-07-17 14:44:03
原創
6246 人瀏覽過

如何使用bootstrap快速實現登入頁面

先造訪https://v3.bootcss.com/getting-started/#download下載bootstrap。

如何使用bootstrap快速實現登入頁面

下載後解壓縮,目錄如下,很簡潔:

如何使用bootstrap快速實現登入頁面

#相關推薦:《bootstrap入門教程

下面就開始寫登入頁面,如圖,主要就是兩個步驟:

(1)引進boostrap的js和css,引入jquery.js。

(2)編寫使用者名稱輸入框、密碼輸入框、登入按鈕。

如何使用bootstrap快速實現登入頁面

寫完畢後的目錄如下:bootstrap資料夾(包括css\js\fonts),登入頁面index.html,jquery.js。

如何使用bootstrap快速實現登入頁面

雙擊index.html在瀏覽器開啟查看效果,如下:

如何使用bootstrap快速實現登入頁面

以上是如何使用bootstrap快速實現登入頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板