编程 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获取CLASS对象(很简单实用)

Oct 15 Javascript

js如何判断输入字符串长度

Dec 16 Javascript

JS onkeypress兼容性写法详解

Apr 27 Javascript

AngularJs Scope详解及示例代码

Sep 01 Javascript

bootstrap实现的自适应页面简单应用示例

Mar 09 Javascript

详解vue2.0监听属性的使用心得及搭配计算属性的使用

Jul 18 Javascript

vue-cli脚手架build目录下utils.js工具配置文件详解

Sep 14 Javascript

利用vue重构有赞商城的思路以及总结整理

Feb 21 Javascript

微信小程序实现bindtap等事件传参

Apr 08 Javascript

JS实现移动端点击按钮复制文本内容

Jul 28 Javascript

Js参数RSA加密传输之jsencrypt.js的使用

Feb 07 Javascript

vue-model实现简易计算器

Aug 17 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 验证码制作(网树注释思想)

2009/07/20 PHP

PHP函数之error_reporting(E_ALL ^ E_NOTICE)详细说明

2011/07/01 PHP

PHP实现懒加载的方法

2015/03/07 PHP

CI框架文件上传类及图像处理类用法分析

2016/05/18 PHP

PHP registerXPathNamespace()函数讲解

2019/02/03 PHP

Extjs学习笔记之四工具栏和菜单

2010/01/07 Javascript

js实现字符串的16进制编码不加密

2014/04/25 Javascript

JS实现无限级网页折叠菜单(类似树形菜单)效果代码

2015/09/17 Javascript

jQuery mobile转换url地址及获取url中目录部分的方法

2015/12/04 Javascript

AngularJS 表达式详解及实例代码

2016/09/14 Javascript

jQuery实现为动态添加的元素绑定事件实例分析

2018/09/07 jQuery

小程序指纹验证的实现代码

2018/12/04 Javascript

Vuex的实战使用详解

2019/10/31 Javascript

java直接调用python脚本的例子

2014/02/16 Python

Python SVM(支持向量机)实现方法完整示例

2018/06/19 Python

利用python计算windows全盘文件md5值的脚本

2019/07/27 Python

Django多数据库配置及逆向生成model教程

2020/03/28 Python

学python需要去培训机构吗

2020/07/01 Python

Python 使用双重循环打印图形菱形操作

2020/08/09 Python

Python如何使用ConfigParser读取配置文件

2020/11/12 Python

First Aid Beauty官网：FAB急救面霜

2018/05/24 全球购物

万宝龙英国官网：Montblanc手表、书写工具、皮革和珠宝

2018/10/16 全球购物

mysql的最长数据库名，表名，字段名可以是多长

2014/04/21 面试题

酒店管理专业毕业生推荐信

2013/11/10 职场文书

英语系本科生求职信范文

2013/12/18 职场文书

开业典礼主持词

2014/03/21 职场文书

高三毕业典礼主持词

2014/03/27 职场文书

初级党校心得体会

2014/09/11 职场文书

收款授权委托书

2014/10/02 职场文书

茶楼服务员岗位职责

2015/02/09 职场文书

2015年汽车销售工作总结

2015/04/07 职场文书

遗嘱范文

2015/08/07 职场文书

详解Python 3.10 中的新功能和变化

2021/04/28 Python

redis 查看所有的key方式

2021/05/07 Redis

Node.js实现断点续传

2021/06/23 Javascript

方法汇总：Python 安装第三方库常用

2022/04/26 Python