本篇文章為大家展示了在HTML頁面中如何使用bootstrap框架，代碼簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

成都創新互聯公司服務項目包括吉首網站建設、吉首網站制作、吉首網頁制作以及吉首網絡營銷策劃等。多年來，我們專注于互聯網行業，利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等，向廣大中小型企業、政府機構等提供互聯網行業的解決方案，吉首網站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到吉首省份的部分城市，未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任！

Bootstrap 是基于 HTML、CSS 和 JavaScript 的一款前端框架，其可以用來快速開發 Web 應用程序和網站，且所有的主流瀏覽器都支持 Bootstrap。因為該框架幾乎包含了整個庫的移動設備優先的樣式，可以進行響應式設計，且容易上手，因此被廣泛使用。接下里直接介紹bootstrap框架的使用方法。相關視頻教程推薦：bootstrap教程

bootstrap框架官網：http://v3.bootcss.com

第一步：進入官網，下載Bootstrap 包，點擊下載bootstrap，有三種文件可以選擇，一般我們下載第一個就可以了。

第二步：下載成功后有一個壓縮文件，解壓后可以看到一個文件夾包含css、fonts和 JS，然后將這些文件導入到編輯器里面，基本工作就完成了。（主要：不可以隨便更改bootstrap默認的路徑，否則會出錯）

第三步：新建一個HTML文件，在<title></title>標簽下面先引入jQuery庫，因為bootstrap框架很多地方用到了jQuery。

第四步：引入jQuery后，再用link引入CSS文件，最后用script引入JavaScript文件（注意：文件引入的順序不能錯，先是jQuery，再是CSS，最后是JavaScript），如圖所示

第五步：現在可以編寫頁面了，只需套用 bootstrap中css定義的class類名即可，如有不清楚的可以訪問bootstrap官網 。接下來就用按鈕做個示范，在<button>標簽中設置class為 btn btn-success ，運行就可以看到效果。

也許有人會問，沒有給頁面添加樣式，那它的樣式怎么來的呢？其實CSS樣式已經封裝在引入的CSS文件中，運行時直接被調用。如果對bootstrap默認的樣式不滿意，你可以找到對應的類名，修改成自己喜歡的樣式。

上述內容就是在HTML頁面中如何使用bootstrap框架，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創新互聯網站制作公司行業資訊頻道。

網頁標題：在HTML頁面中如何使用bootstrap框架-創新互聯
鏈接分享：http://vcdvsql.cn/article18/ceeodp.html

成都網站建設公司_創新互聯，為您提供微信公眾號、外貿建站、定制網站、營銷型網站建設、商城網站、網頁設計公司

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯