编程 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 AspxButton的客户端操作

Jun 26 Javascript

用Javascript评估用户输入密码的强度实现代码

Nov 30 Javascript

10条建议帮助你创建更好的jQuery插件

May 18 Javascript

浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结

Mar 16 Javascript

JavaScript数组方法总结分析

May 06 Javascript

jQuery使用deferreds串行多个ajax请求

Aug 22 Javascript

一个极为简单的requirejs实现方法

Oct 20 Javascript

js实现获取鼠标当前的位置

Dec 14 Javascript

详解node.js中的npm和webpack配置方法

Jan 21 Javascript

VUE 实现动态给对象增加属性，并触发视图更新操作示例

Nov 29 Javascript

关于vue 结合原生js 解决echarts resize问题

Jul 26 Javascript

Vue自定义多选组件使用详解

Sep 08 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

解决GD中文乱码问题

2007/02/14 PHP

php获取后台Job管理的实现代码

2011/06/10 PHP

PHP字符编码问题之GB2312 VS UTF-8解决方法

2011/06/23 PHP

windows环境下php配置memcache的具体操作步骤

2013/06/09 PHP

php数组保存文本与文本反编成数组实例

2014/11/13 PHP

详细解读PHP中接口的应用

2015/08/12 PHP

用javascript实现计算两个日期的间隔天数

2007/08/14 Javascript

js 创建快捷方式的代码(fso)

2010/11/19 Javascript

Jquery焦点与失去焦点示例应用

2014/06/10 Javascript

元素绑定click点击事件方法

2015/06/08 Javascript

学习使用grunt来打包JavaScript和CSS程序的教程

2016/01/04 Javascript

jQuery ajax应用总结

2016/06/02 Javascript

浅谈jQuery animate easing的具体使用方法(推荐)

2016/06/17 Javascript

原生JS实现的雪花飘落动画效果

2018/05/03 Javascript

JS实现图片上传多次上传同一张不生效的处理方法

2018/08/06 Javascript

vue.js实现照片放大功能

2020/06/23 Javascript

[38:54]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第一场 11.28

2020/12/01 DOTA

[52:39]完美世界DOTA2联赛PWL S3 CPG vs Forest 第一场 12.16

2020/12/17 DOTA

对于Python编程中一些重用与缩减的建议

2015/04/14 Python

整理Python最基本的操作字典的方法

2015/04/24 Python

Python中的迭代器与生成器高级用法解析

2016/06/28 Python

Python编程生成随机用户名及密码的方法示例

2017/05/05 Python

详解Python3.6的py文件打包生成exe

2018/07/13 Python

解决python3 安装完Pycurl在import pycurl时报错的问题

2018/10/15 Python

Python 通过调用接口获取公交信息的实例

2018/12/17 Python

使用python模拟高斯分布例子

2019/12/09 Python

Keras官方中文文档:性能评估Metrices详解

2020/06/15 Python

python如何从键盘获取输入实例

2020/06/18 Python

详解Pycharm安装及Django安装配置指南

2020/09/15 Python

Myprotein西班牙官网：欧洲第一大运动营养品牌

2020/02/24 全球购物

诚实守信道德模范事迹材料

2014/08/15 职场文书

2014年团总支工作总结

2014/11/21 职场文书

2015年信访工作总结

2015/04/07 职场文书

2015年工会工作总结范文

2015/07/23 职场文书

浅谈MySQL之select优化方案

2021/08/07 MySQL

斗罗大陆八大特殊魂兽，龙族始祖排榜首，第五最残忍(翠魔鸟)

2022/03/18 国漫