编程 Javascript

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>

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

BootStrap入门学习第一篇

- Author -

嗯哼

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

关于jQuery UI 使用心得及技巧

Oct 10 Javascript

javascript实现tabs选项卡切换效果(自写原生js)

Mar 19 Javascript

终于解决了IE8不支持数组的indexOf方法

Apr 03 Javascript

jQuery实现注册时选择阅读条款左右移动

Apr 11 Javascript

jQuery Animation实现CSS3动画示例介绍

Aug 14 Javascript

JavaScript eval() 函数介绍及应用示例

Jul 29 Javascript

jQuery 选择符详细介绍及整理

Dec 02 Javascript

jQuery实现监听下拉框选中内容发生改变操作示例

Jul 13 jQuery

Layui之table中的radio在切换分页时无法记住选中状态的解决方法

Sep 02 Javascript

vue本地打开build后生成的dist文件夹index.html问题

Sep 04 Javascript

使用vue制作滑动标签

Sep 21 Javascript

微信小程序收藏功能的实现代码

Jun 19 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开发GUI

2006/10/09 PHP

php 正则表达式小结

2009/08/31 PHP

php 数组的一个悲剧？

2011/05/11 PHP

jquery $.ajax入门应用一

2008/11/19 Javascript

js tab 选项卡

2009/04/26 Javascript

JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件

2010/09/12 Javascript

jQuery源码分析-04 选择器-Sizzle-工作原理分析

2011/11/14 Javascript

js 限制数字 js限制输入实现代码

2012/12/04 Javascript

使用Java实现简单的server/client回显功能的方法介绍

2013/05/03 Javascript

JavaScript结合AJAX_stream实现流式显示

2015/01/08 Javascript

jQuery实现TAB风格的全国省份城市滑动切换效果代码

2015/08/24 Javascript

jQuery仅用3行代码实现的显示与隐藏功能完整实例

2015/10/08 Javascript

深入理解JavaScript函数参数(推荐)

2016/07/26 Javascript

EasyUI创建对话框的两种方式

2016/08/23 Javascript

javascript 数组排序与对象排序的实例

2017/07/17 Javascript

jQuery插件DataTables分页开发心得体会

2017/08/22 jQuery

Vue.js 2.0和Cordova开发webApp环境搭建方法

2018/02/26 Javascript

js中Array对象的常用遍历方法详解

2019/01/17 Javascript

微信小程序服务器日期格式化问题

2020/01/07 Javascript

python基础教程之popen函数操作其它程序的输入和输出示例

2014/02/10 Python

Python实现的生成自我描述脚本分享(很有意思的程序)

2014/07/18 Python

python引用DLL文件的方法

2015/05/11 Python

python类继承用法实例分析

2015/05/27 Python

python实现红包裂变算法

2016/02/16 Python

Python json 错误xx is not JSON serializable解决办法

2017/03/15 Python

使用Python机器学习降低静态日志噪声

2018/09/29 Python

python添加菜单图文讲解

2019/06/04 Python

python实现比较类的两个instance(对象)是否相等的方法分析

2019/06/26 Python

使用Keras加载含有自定义层或函数的模型操作

2020/06/10 Python

Notino匈牙利：购买香水和化妆品

2019/04/12 全球购物

大学生职业生涯规划范文

2013/12/31 职场文书

会计学专业学生的求职信范文

2014/01/27 职场文书

2014年中职班主任工作总结

2014/12/16 职场文书

工作态度怎么写

2015/06/25 职场文书

餐厅营销的秘密：为什么老顾客会流水？

2019/08/08 职场文书

RPM包方式安装Oracle21c的方法详解

2021/08/23 Oracle