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

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

下載後解壓縮，目錄如下，很簡潔：

#相關推薦：《bootstrap入門教程》

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

（1）引進boostrap的js和css，引入jquery.js。

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

寫完畢後的目錄如下：bootstrap資料夾（包括css\js\fonts），登入頁面index.html，jquery.js。

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

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