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庫，目錄結(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è)備的理想寬度)，頁面初始縮放值<理想寬度/可見寬度>-->
 <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)文章

js創(chuàng)建數(shù)據(jù)共享接口——簡(jiǎn)化框架之間相互傳值
很多框架存在父子關(guān)系，操作起來十分麻煩，很多同學(xué)經(jīng)常出現(xiàn)這樣悲催的代碼
2011-10-10
javascript數(shù)組排序匯總
本文給大家匯總了一下javascript的數(shù)組排序算法，包括冒泡排序、快速排序、插入排序、希爾排序，希望對(duì)大家熟悉javascript數(shù)組排序能夠有所幫助。
2015-07-07
JS驗(yàn)證郵件地址格式方法小結(jié)
這篇文章主要介紹了JS驗(yàn)證郵件地址格式方法,結(jié)合兩個(gè)實(shí)例形式分析了JavaScript基于正則表達(dá)式進(jìn)行郵件格式驗(yàn)證的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-12-12
微信小程序遍歷Echarts圖表實(shí)現(xiàn)多個(gè)餅圖
這篇文章主要介紹了微信小程序遍歷Echarts圖表實(shí)現(xiàn)多個(gè)餅圖，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
Layui實(shí)現(xiàn)主窗口和Iframe層參數(shù)傳遞
今天小編就為大家分享一篇Layui實(shí)現(xiàn)主窗口和Iframe層參數(shù)傳遞，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-11-11
layui實(shí)現(xiàn)下拉框三級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了layui實(shí)現(xiàn)下拉框三級(jí)聯(lián)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
JavaScript中cookie工具函數(shù)封裝的示例代碼
這篇文章給大家主要介紹了JavaScript中cookie工具函數(shù)的封裝，文中給出了詳細(xì)的實(shí)現(xiàn)步驟和示例代碼，相信會(huì)對(duì)大家的理解很有幫助，有需要的朋友們下面來一起看看吧。
2016-10-10
three.js修改物體的位置代碼實(shí)例
在Three.js中物體通常是通過創(chuàng)建"網(wǎng)格"(Mesh)對(duì)象來描述的,下面這篇文章主要給大家介紹了關(guān)于three.js修改物體位置的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-11-11
用js來獲取上傳的文件名純粹是為了美化而用
用js來獲取上傳的文件名其實(shí)純粹是為了美化，友好。但是，可不是網(wǎng)上流傳的那樣，用 path.substring()的方法，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-10-10
Web前端開發(fā)工具——bower依賴包管理工具
Bower 是 twitter 推出的一款包管理工具，基于nodejs的模塊化思想，把功能分散到各個(gè)模塊中，讓模塊和模塊之間存在聯(lián)系，通過 Bower 來管理模塊間的這種聯(lián)系,本文給大家介紹bower依賴包管理工具，感興趣的朋友一起學(xué)習(xí)
2016-03-03