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

js资料prototype 属性

Mar 13 Javascript

IE6,IE7下js动态加载图片不显示错误

Jul 17 Javascript

javascript getElementsByTagName

Jan 31 Javascript

解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题

Jan 11 Javascript

javascript四舍五入函数代码分享(保留后几位)

Dec 10 Javascript

Jquery解析json数据详解

Dec 26 Javascript

JS自调用匿名函数具体实现

Feb 11 Javascript

通过JS和PHP两种方法判断用户请求时使用的浏览器类型

Sep 01 Javascript

ES6新特性之字符串的扩展实例分析

Apr 01 Javascript

关闭Vue计算属性自带的缓存功能方法

Mar 02 Javascript

微信小程序实现按字母排列选择城市功能

Nov 25 Javascript

Canvas跟随鼠标炫彩小球的实现

Apr 11 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

融入意大利的咖啡文化

2021/03/03 咖啡文化

用PHP将网址字符串转换成超链接(网址或email)

2010/05/25 PHP

PHP基于GD库的缩略图生成代码（支持jpg,gif,png格式）

2014/06/19 PHP

composer.lock文件的作用

2016/02/03 PHP

PHP APP微信提现接口代码

2018/09/30 PHP

让任务管理器中的CPU跳舞的js代码

2008/11/01 Javascript

Web开发之JavaScript

2012/03/29 Javascript

基于Jquery实现的一个图片滚动切换

2012/06/21 Javascript

捕获和分析JavaScript Error的方法

2014/03/25 Javascript

node+express+jade制作简单网站指南

2014/11/26 Javascript

Javascript进制转换实例分析

2015/05/14 Javascript

介绍JavaScript中Math.abs()方法的使用

2015/06/14 Javascript

JavaScript中将数组进行合并的基本方法讲解

2016/03/07 Javascript

jQuery实现放大镜效果实例代码

2016/03/17 Javascript

EasyUi combotree 实现动态加载树节点

2016/04/01 Javascript

javascript鼠标滑过显示二级菜单特效

2020/11/18 Javascript

jQuery EasyUI右键菜单实现关闭标签/选项卡

2016/10/10 Javascript

Bootstrap警告（Alerts）的实现方法

2017/03/22 Javascript

Angular2学习教程之TemplateRef和ViewContainerRef详解

2017/05/25 Javascript

SpringMVC简单整合Angular2的示例

2017/07/31 Javascript

node实现基于token的身份验证

2018/04/09 Javascript

vue router 源码概览案例分析

2018/10/09 Javascript

js实现九宫格布局效果

2020/05/28 Javascript

[03:01]2014DOTA2国际邀请赛小组赛7月13日TOPPLAY

2014/07/14 DOTA

[47:45]Liquid vs OG 2018国际邀请赛小组赛BO2 第二场 8.16

2018/08/17 DOTA

python使用mailbox打印电子邮件的方法

2015/04/30 Python

python使用matplotlib绘图时图例显示问题的解决

2017/04/27 Python

Python 实现域名解析为ip的方法

2019/02/14 Python

实习期自我鉴定

2013/10/11 职场文书

施工人员岗位职责

2013/12/12 职场文书

会议室标语

2014/06/21 职场文书

2014公司党员自我评价范文

2014/09/11 职场文书

群众路线党员自我评议范文2014

2014/09/24 职场文书

2016年国庆节新闻稿范文

2015/11/25 职场文书

新西兰：最新留学学习计划书写作指南

2019/07/15 职场文书

《水浒传》读后感3篇（范文）

2019/09/19 职场文书