编程 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对象中关于setTimeout和setInterval的this介绍

Jul 21 Javascript

Javascript图像处理—亮度对比度应用案例

Jan 03 Javascript

JavaScript修改css样式style动态改变元素样式

Dec 16 Javascript

javascript单例模式的简单实现方法

Jul 25 Javascript

如何用jQuery实现ASP.NET GridView折叠伸展效果

Sep 26 Javascript

基于JavaScript实现通用tab选项卡(通用性强)

Jan 07 Javascript

Bootstarp基本模版学习教程

Feb 01 Javascript

JS组件系列之JS组件封装过程详解

Apr 28 Javascript

JavaScript 保护变量不被随意修改的实现代码

Sep 27 Javascript

JavaScript循环遍历你会用哪些之小结篇

Sep 28 Javascript

微信小程序实现单选功能

Oct 30 Javascript

深入理解redux之compose的具体应用

Jan 12 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环境配置 php5 mysql5 apache2 phpmyadmin安装与配置

2006/11/17 PHP

PHP答题类应用接口实例

2015/02/09 PHP

php和editplus正则表达式去除空白行

2015/04/17 PHP

详解PHP的Yii框架中扩展的安装与使用

2016/04/01 PHP

yii通过小物件生成view的方法

2016/10/08 PHP

php服务器的系统详解

2019/10/12 PHP

用js得到网页中所有的div的id

2020/10/19 Javascript

脚本吧 - 幻宇工作室用到js,超强推荐base.js

2006/12/23 Javascript

javascript radio 联动效果

2009/03/04 Javascript

javascript 防止刷新,后退,关闭

2010/08/07 Javascript

ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList

2012/02/03 Javascript

FF火狐下获取一个元素同类型的相邻元素实现代码

2012/12/15 Javascript

JavaScript设置首页和收藏页面的小例子

2013/11/11 Javascript

NodeJS学习笔记之FS文件模块

2015/01/13 NodeJs

JavaScript中的getTime()方法使用详解

2015/06/10 Javascript

学习JavaScript设计模式之享元模式

2016/01/18 Javascript

js实现页面跳转的几种方法小结

2016/05/16 Javascript

关于axios返回空对象的问题解决

2017/04/04 Javascript

基于Node.js的大文件分片上传示例

2019/06/19 Javascript

[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG

2018/04/03 DOTA

详解Python迭代和迭代器

2016/03/28 Python

python中Apriori算法实现讲解

2017/12/10 Python

详解TensorFlow查看ckpt中变量的几种方法

2018/06/19 Python

浅谈如何使用python抓取网页中的动态数据实现

2020/08/17 Python

Python如何将模块打包并发布

2020/08/30 Python

python 模拟登录B站的示例代码

2020/12/15 Python

canvas三角函数模拟水波效果的示例代码

2018/07/03 HTML / CSS

英国领先的品牌珠宝和配件供应商：Acotis Jewellery

2018/03/07 全球购物

演讲主持词

2014/03/18 职场文书

协议书模板

2014/04/23 职场文书

莫言诺贝尔获奖演讲稿

2014/05/21 职场文书

党员转正意见怎么写

2015/06/03 职场文书

2016年国庆节新闻稿范文

2015/11/25 职场文书

《牧场之国》教学反思

2016/02/22 职场文书

《攀登者》：“海拔8000米以上，你不能指望任何人”

2019/11/25 职场文书

Golang: 内建容器的用法

2021/05/05 Golang