编程 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和svg实现超炫酷的动画特效

Dec 09 Javascript

JQuery工具函数汇总

Jun 15 Javascript

jquery实现可自动收缩的TAB网页选项卡代码

Sep 06 Javascript

JQuery.validate在ie8下不支持的快速解决方法

May 18 Javascript

AngularJS基础 ng-dblclick 指令用法

Aug 01 Javascript

Google 地图控件集详解及实例代码

Aug 06 Javascript

为JQuery EasyUI 表单组件增加焦点切换功能的方法

Apr 13 jQuery

微信小程序出现wx.navigateTo页面不跳转问题的解决方法

Dec 26 Javascript

vue自定义filters过滤器

Apr 26 Javascript

JavaScript中变量提升与函数提升经典实例分析

Jul 26 Javascript

vue使用ajax获取后台数据进行显示的示例

Aug 09 Javascript

design vue 表格开启列排序的操作

Oct 28 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 年龄计算函数(精确到天)

2012/06/07 PHP

IE autocomplete internet explorer's autocomplete

2007/06/30 Javascript

JavaScript iframe的相互操作浅析

2009/10/14 Javascript

jquery弹出层类代码分享

2013/12/27 Javascript

jquery中load方法的用法及注意事项说明

2014/02/22 Javascript

Js保留小数点的4种效果实现代码分享

2014/04/12 Javascript

一个JavaScript处理textarea中的字符成每一行实例

2014/09/22 Javascript

javascript简单实现图片预加载

2014/12/03 Javascript

JavaScript中switch语句的用法详解

2015/06/03 Javascript

JS检测移动端横竖屏的代码

2016/05/30 Javascript

jQuery序列化表单成对象的简单实现

2016/11/29 Javascript

JavaScript严格模式下关于this的几种指向详解

2017/07/12 Javascript

关于react-router/react-router-dom v4 history不能访问问题的解决

2018/01/08 Javascript

Web安全之XSS攻击与防御小结

2018/12/13 Javascript

使用xampp将angular项目运行在web服务器的教程

2019/09/16 Javascript

jquery实现轮播图特效

2020/04/12 jQuery

JS如何操作DOM基于表格动态展示数据

2020/10/15 Javascript

uniapp微信小程序实现一个页面多个倒计时

2020/11/01 Javascript

[01:50:49]DOTA2-DPC中国联赛正赛 PSG.LGD vs Aster BO3 第三场 1月24日

2021/03/11 DOTA

Django实现图片文字同时提交的方法

2015/05/26 Python

在Django框架中运行Python应用全攻略

2015/07/17 Python

Python中元组,列表,字典的区别

2017/05/21 Python

python,Django实现的淘宝客登录功能示例

2019/06/12 Python

Python关于反射的实例代码分享

2020/02/20 Python

详解Django中的FBV和CBV对比分析

2021/03/01 Python

番木瓜健康和保健产品第一大制造商：Herbal Papaya

2017/04/25 全球购物

美国汽车零部件和配件网站：CarParts

2019/03/13 全球购物

澳洲最大的时尚奢侈品电商平台：Cettire

2020/06/15 全球购物

初三政治教学反思

2014/01/30 职场文书

2014年药房工作总结

2014/11/22 职场文书

会计工作能力自我评价

2015/03/05 职场文书

行政撤诉申请书

2015/05/18 职场文书

民事调解协议书

2016/03/21 职场文书

PHP策略模式写法

2021/04/01 PHP

Python OpenCV 图像平移的实现示例

2021/06/04 Python

Docker容器harbor私有仓库部署和管理

2022/08/05 Servers