先造訪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中文網其他相關文章!