编程 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 相关文章推荐

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 实现抢票小工具 & 短信通知提醒功能

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 职场文书