摘要:是前端開發中比較受歡迎的框架,簡潔且靈活。將和封裝成一個個功能組件,用起來簡單,粗暴是由美國麻省理工學院的和合作開發。由于筆者的室友在三天半之內就學完了框架,這讓我感到壓力巨大。編輯,使用封裝的功能部件。
Bootstrap是前端開發中比較受歡迎的框架,簡潔且靈活。它基于HTML、CSS和JavaScript,HTML定義頁面元素,CSS定義頁面布局,而JavaScript負責頁面元素的響應。Bootstrap將HTML、CSS和JavaScript封裝成一個個功能組件,用起來簡單,粗暴,是由美國麻省理工學院的Mark Otto和Jacob Thornton合作開發。由于筆者的室友在三天半之內就學完了html5+css3+javascript+bootstrap框架,這讓我感到壓力巨大。尤其是這幾天課程比較多,又不敢逃課, ? 學習真正的知識進度緩慢。所以筆者也開始進入了Bootstrap領域進行研究。 ??
1.登錄Bootstrap官網
?
點擊Download.
2.下載Bootstrap
Download Bootstrap:下載預編譯和壓縮版Bootstrap(不含文檔和源碼)。
Download code:Bootstrap源碼,如官網介紹,需要編譯Less文件 和一些安裝。
剛接觸Bootstrap的話建議下載第一個,下載下來直接用。
使用Bootstrap進行前端開發
開發環境:WAMP(windows下的Apache + MySQL + PHP)
編輯器:DW
Step 1:?將下載下來的壓縮包解壓,將里面的css,和js文件夾放到你的工程目錄中(即您wamp下的網站根目錄了)。在工程根目錄中新建了一個”index.html”,用來測試Bootstrap。
Step 2:?編輯”index.html”,使用Bootstrap封裝的功能部件。
編寫代碼:
?
? ??
? ?
? ? ?
? ?
? ?
?
? ? ? Hello, world!
?
Step 3:?在瀏覽器中打開我們編寫好的”index.html”查看。
如果發現有大寫的Hello,world!則說明您的Bootstrap安裝成功了!
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1058.html
摘要:前言這里筑夢師是一名正在努力學習的開發工程師目前致力于全棧方向的學習希望可以和大家一起交流技術共同進步用簡書記錄下自己的學習歷程個人學習方法分享本文目錄更新說明目錄學習方法學習態度全棧開發學習路線很長知識拓展很長在這里收取很多人的建議以后決 前言 這里筑夢師,是一名正在努力學習的iOS開發工程師,目前致力于全棧方向的學習,希望可以和大家一起交流技術,共同進步,用簡書記錄下自己的學習歷程...
閱讀 1618·2021-09-08 10:42
閱讀 3604·2021-08-11 10:23
閱讀 3959·2019-08-30 14:10
閱讀 2732·2019-08-29 17:29
閱讀 3090·2019-08-29 12:50
閱讀 637·2019-08-26 13:36
閱讀 3456·2019-08-26 11:59
閱讀 1487·2019-08-23 16:23