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