BootStrap入門學(xué)習(xí)第一篇
更新時(shí)間：2017年08月28日 08:57:38 作者：嗯哼
這篇文章主要為大家詳細(xì)介紹了BootStrap入門學(xué)習(xí)第一篇，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了BootStrap入門學(xué)習(xí)的第一篇，供大家參考，具體內(nèi)容如下
1、環(huán)境搭建
中文官網(wǎng)下載地址：http://www.bootcss.com/
右擊選中的WEB項(xiàng)目，點(diǎn)擊導(dǎo)入，選擇文件系統(tǒng)，然后下一步，選擇BootStrap文件目錄路徑，如下：
完成后，WEB項(xiàng)目下的css、img、js就出現(xiàn)相應(yīng)文件，說明導(dǎo)入成功。
然后導(dǎo)入較新版本的JQuery庫(kù)，目錄結(jié)構(gòu)如下：
至此環(huán)境搭建完成。
3、BootStrap基本模板
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <!--聲明文檔兼容模式，表示使用IE瀏覽器的最新模式--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--設(shè)置視口的寬度(值為設(shè)備的理想寬度)，頁(yè)面初始縮放值<理想寬度/可見寬度>--> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3個(gè)meta標(biāo)簽*必須*放在最前面，任何其他內(nèi)容都*必須*跟隨其后！ --> <title>Bootstrap基本模板</title> <!-- 引入Bootstrap核心樣式文件 --> <link href="../../css/bootstrap.min.css" rel="stylesheet"> </head> <body> <h1>你好，世界！</h1> <!-- 引入jQuery核心js文件 --> <script src="../../js/jquery-1.11.3.min.js"></script> <!-- 引入BootStrap核心js文件 --> <script src="../../js/bootstrap.min.js"></script> </body> </html>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
javascript驗(yàn)證手機(jī)號(hào)和實(shí)現(xiàn)星號(hào)(*)代替實(shí)例
在我們?nèi)粘ｉ_發(fā)中經(jīng)常要驗(yàn)證客戶輸入的手機(jī)號(hào)是否正確，有的時(shí)候還需要將中間的四位或者前幾位用星號(hào)(*)代替，那該如何實(shí)現(xiàn)呢？下面跟著小編一起來看看。2016-08-08
jquery ajax應(yīng)用中iframe自適應(yīng)高度問題解決方法
很多管理系統(tǒng)中，都使用iframe進(jìn)行信息內(nèi)容的展示方式，或者作為主菜單的鏈接展示內(nèi)容。使用iframe的問題就是自適應(yīng)高度的問題2014-04-04
用js實(shí)現(xiàn)預(yù)覽待上傳的本地圖片
用js實(shí)現(xiàn)預(yù)覽待上傳的本地圖片...2007-03-03
JS中type="button"和type="submit"的區(qū)別
Submit是專門用于提交表單的Button，與Button的區(qū)別主要有兩點(diǎn)：type=button 就單純是按鈕功能，type=submit 是發(fā)送表單 。下面通過本文給大家分享JS中type="button"和type="submit"的區(qū)別，感興趣的的朋友一起看看吧2017-07-07
js鼠標(biāo)移動(dòng)時(shí)禁止選中文字
本文主要介紹了js鼠標(biāo)移動(dòng)時(shí)禁止選中文字的方法，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
頁(yè)面調(diào)用單個(gè)swf文件，嵌套出多個(gè)方法。
頁(yè)面調(diào)用單個(gè)swf 文件，嵌套出多個(gè)方法，需要的朋友可以參考下。2011-11-11
這篇文章主要為大家詳細(xì)介紹了JavaScript生成圖形驗(yàn)證碼的相關(guān)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
使用HTML5+Boostrap打造簡(jiǎn)單的音樂播放器
這篇文章主要介紹了使用HTML5+Boostrap打造簡(jiǎn)單的音樂播放器 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
這篇文章主要為大家介紹了JavaScript的節(jié)流與防抖，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
JS多物體 任意值 鏈?zhǔn)?緩沖運(yùn)動(dòng)
JS多物體 任意值 鏈?zhǔn)?緩沖運(yùn)動(dòng),需要的朋友可以參考下2012-08-08