BootStrap入門學習第一篇
本文實例為大家分享了BootStrap入門學習的第一篇,供大家參考,具體內(nèi)容如下
1、環(huán)境搭建
中文官網(wǎng)下載地址:http://www.bootcss.com/
右擊選中的WEB項目,點擊導入,選擇文件系統(tǒng),然后下一步,選擇BootStrap文件目錄路徑,如下:
完成后,WEB項目下的css、img、js就出現(xiàn)相應(yīng)文件,說明導入成功。
然后導入較新版本的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個meta標簽*必須*放在最前面,任何其他內(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>
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
js創(chuàng)建數(shù)據(jù)共享接口——簡化框架之間相互傳值
很多框架存在父子關(guān)系,操作起來十分麻煩,很多同學經(jīng)常出現(xiàn)這樣悲催的代碼2011-10-10Layui實現(xiàn)主窗口和Iframe層參數(shù)傳遞
今天小編就為大家分享一篇Layui實現(xiàn)主窗口和Iframe層參數(shù)傳遞,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11JavaScript中cookie工具函數(shù)封裝的示例代碼
這篇文章給大家主要介紹了JavaScript中cookie工具函數(shù)的封裝,文中給出了詳細的實現(xiàn)步驟和示例代碼,相信會對大家的理解很有幫助,有需要的朋友們下面來一起看看吧。2016-10-10