BootStrap入门学习第一篇


Posted in Javascript onAugust 28, 2017

本文实例为大家分享了BootStrap入门学习的第一篇,供大家参考,具体内容如下

1、环境搭建

中文官网下载地址:http://www.bootcss.com/

右击选中的WEB项目,点击导入,选择文件系统,然后下一步,选择BootStrap文件目录路径,如下:

BootStrap入门学习第一篇

完成后,WEB项目下的css、img、js就出现相应文件,说明导入成功。

然后导入较新版本的JQuery库,目录结构如下:

BootStrap入门学习第一篇

至此环境搭建完成。

3、BootStrap基本模板

<!DOCTYPE html>
<html lang="zh-CN">

 <head>
 <meta charset="utf-8">
 <!--声明文档兼容模式,表示使用IE浏览器的最新模式-->
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <!--设置视口的宽度(值为设备的理想宽度),页面初始缩放值<理想宽度/可见宽度>-->
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
 <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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 检测浏览器类型和版本的代码
Sep 15 Javascript
JavaScript 页面坐标相关知识整理
Jan 09 Javascript
精通Javascript系列之数值计算
Jun 07 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
Jan 09 Javascript
js和jquery设置disabled属性为true使按钮失效
Aug 07 Javascript
jQuery Ajax使用实例
Apr 16 Javascript
jQuery实现带水平滑杆的焦点图动画插件
Mar 08 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
vue2.0 根据状态值进行样式的改变展示方法
Mar 13 Javascript
vscode自定义vue模板的实现
Jan 27 Vue.js
代码块高亮可复制显示js插件highlight.js+clipboard.js整合
Feb 15 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
Aug 28 #Javascript
js制作简单的音乐播放器的示例代码
Aug 28 #Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
Aug 28 #Javascript
jQuery菜单实例(全选,反选,取消)
Aug 28 #jQuery
[js高手之路]原型式继承与寄生式继承详解
Aug 28 #Javascript
[js高手之路]寄生组合式继承的优势详解
Aug 28 #Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
Aug 28 #Javascript
You might like
PHP 中的类
2006/10/09 PHP
PHP中使用CURL获取页面title例子
2015/01/07 PHP
PHP错误和异常处理功能模块示例
2016/11/12 PHP
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
JavaScript中使用正则匹配多条,且获取每条中的分组数据
2010/11/30 Javascript
Jquery之美中不足小结
2011/02/16 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
2013/04/15 Javascript
node.js中的fs.lchmodSync方法使用说明
2014/12/16 Javascript
Grunt入门教程(自动任务运行器)
2015/08/06 Javascript
Bootstrap popover用法详解
2016/12/22 Javascript
AngularJS constant和value区别详解
2017/02/28 Javascript
vue自定义全局共用函数详解
2018/09/18 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
Node.js 实现抢票小工具 &amp; 短信通知提醒功能
2019/10/22 Javascript
JavaScript实现文件下载并重命名代码实例
2019/12/12 Javascript
[01:12]DOTA2次级职业联赛 - Newbee.Y 战队宣传片
2014/12/01 DOTA
Python Tkinter实现简易计算器功能
2018/01/30 Python
numpy 进行数组拼接,分别在行和列上合并的实例
2018/05/08 Python
Scrapy框架使用的基本知识
2018/10/21 Python
Python设计模式之备忘录模式原理与用法详解
2019/01/15 Python
python的re模块使用方法详解
2019/07/26 Python
python实现简单银行管理系统
2019/10/25 Python
Python基于正则表达式实现计算器功能
2020/07/13 Python
微软马来西亚官方网站:Microsoft马来西亚
2019/11/22 全球购物
如何写一个Java类既可以用作applet也可以用作java应用
2016/01/18 面试题
十佳班主任事迹材料
2014/01/18 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
行政助理工作职责范本
2014/03/04 职场文书
雷锋精神演讲稿
2014/05/13 职场文书
领导班子个人对照检查剖析材料
2014/09/29 职场文书
打架赔偿协议书范本
2014/10/26 职场文书
2014年学前班工作总结
2014/12/08 职场文书
初三语文教学计划
2015/01/22 职场文书
会计主管岗位职责
2015/04/02 职场文书
工作会议通知
2015/04/15 职场文书
教育教学工作反思
2016/02/24 职场文书