编程 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的模仿新浪微博时间的组件

Oct 04 Javascript

JS实现随机化快速排序的实例代码

Aug 01 Javascript

JavaScript中的undefined学习总结

Nov 30 Javascript

JavaScript实现的内存数据库LokiJS介绍和入门实例

Nov 17 Javascript

js中的事件捕捉模型与冒泡模型实例分析

Jan 10 Javascript

JavaScript中消除闭包的一般方法介绍

Mar 16 Javascript

jQuery实现购物车表单自动结算效果实例

Aug 10 Javascript

jQuery实现大图轮播

Feb 13 Javascript

浅析Vue 和微信小程序的区别、比较

Aug 03 Javascript

vue新建项目并配置标准路由过程解析

Dec 09 Javascript

vue 遮罩层阻止默认滚动事件操作

Jul 28 Javascript

详解Java中String JSONObject JSONArray List转换

Nov 13 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

第八节--访问方式

2006/11/16 PHP

php各种编码集详解和以及在什么情况下进行使用

2011/09/11 PHP

将CMYK颜色值和RGB颜色相互转换的PHP代码

2014/07/28 PHP

PHP读取大文件的多种方法介绍

2016/04/04 PHP

PHP内置加密函数详解

2016/11/20 PHP

PHP getDocNamespaces()函数讲解

2019/02/03 PHP

PHP中Session ID的实现原理实例分析

2019/08/17 PHP

Nginx+php配置文件及原理解析

2020/12/09 PHP

Open and Print a Word Document

2007/06/15 Javascript

通过JS获取用户本地图片路径并显示的代码

2012/02/16 Javascript

JS实现QQ图片一闪一闪的效果小例子

2013/07/31 Javascript

深入理解JavaScript高级之词法作用域和作用域链

2013/12/10 Javascript

JS实现带缓冲效果打开、关闭、移动一个层的方法

2015/05/09 Javascript

谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)

2015/10/01 Javascript

基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用

2015/12/16 Javascript

vuejs动态组件给子组件传递数据的方法详解

2016/09/09 Javascript

Bootstrap实现的经典栅格布局效果实例【附demo源码】

2017/03/30 Javascript

jQuery实现Select下拉列表进行状态选择功能

2017/03/30 jQuery

基于Vue2.0+ElementUI实现表格翻页功能

2017/10/23 Javascript

Vue组件开发技巧总结

2018/03/04 Javascript

微信小程序授权登录及解密unionId出错的方法

2018/09/26 Javascript

[02:32]DOTA2完美大师赛场馆静安体育中心观赛全攻略

2017/11/08 DOTA

Python第三方库的安装方法总结

2016/06/06 Python

python使用logging模块发送邮件代码示例

2018/01/18 Python

使用pip发布Python程序的方法步骤

2018/10/11 Python

Python散点图与折线图绘制过程解析

2019/11/30 Python

解决pycharm导入numpy包的和使用时报错：RuntimeError: The current Numpy installation (‘D:\\python3.6\\lib\\site-packa的问题

2020/12/08 Python

体育专业个人的求职信范文

2013/09/21 职场文书

写好求职信第一句话的技巧

2013/10/26 职场文书

青春演讲稿范文

2014/05/08 职场文书

2015年大学生村官工作总结

2015/04/21 职场文书

小学生安全保证书

2015/05/09 职场文书

社区党建工作总结2015

2015/05/13 职场文书

学校运动会感想

2015/08/10 职场文书

python中pandas.read_csv()函数的深入讲解

2021/03/29 Python

Redis sentinel哨兵集群的实现步骤

2022/07/15 Redis