编程 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之小练习代码

Oct 12 Javascript

图像替换新技术状态域方法

Jan 28 Javascript

jQuery Validation插件remote验证方式的Bug解决

Jul 01 Javascript

js操作iframe兼容各种主流浏览器示例代码

Jul 22 Javascript

js实现单行文本向上滚动效果实例代码

Nov 28 Javascript

jquery实现点击弹出层效果的简单实例

Mar 03 Javascript

基于javascript的JSON格式页面展示美化方法

Jul 02 Javascript

JS闭包的几种常见形式实例详解

Sep 16 Javascript

Bootstrap Tooltip显示换行和左对齐的解决方案

Oct 11 Javascript

JavaScript实现QQ列表展开收缩扩展功能

Oct 30 Javascript

JavaScript动态添加数据到表单并提交的几种方式

Jun 26 Javascript

深入理解 TypeScript Reflect Metadata

Dec 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

一次编写，随处运行

2006/10/09 PHP

ini_set的用法介绍

2014/01/07 PHP

php实现留言板功能（代码详解）

2017/03/28 PHP

thinkphp分页集成实例

2017/07/24 PHP

PHP添加文字水印或图片水印的水印类完整源代码与使用示例

2019/03/18 PHP

js判断浏览器的比较全的代码

2007/02/13 Javascript

Jquery操作js数组及对象示例代码

2014/05/11 Javascript

AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录

2015/01/02 Javascript

分享JavaScript与Java中MD5使用两个例子

2015/12/23 Javascript

基于jQuery插件jqzoom实现的图片放大镜效果示例

2017/01/23 Javascript

Webpack中雪碧图插件使用详解

2018/05/25 Javascript

在vue-cli的组件模板里使用font-awesome的两种方法

2018/09/28 Javascript

angularJs提交文本框数据到后台的方法

2018/10/08 Javascript

vue实现与安卓、IOS交互的方法

2018/11/02 Javascript

微信小程序下拉刷新及上拉加载原理解析

2019/11/06 Javascript

Python重新引入被覆盖的自带function

2014/07/16 Python

Python中使用ElementTree解析XML示例

2015/06/02 Python

python 字典(dict)按键和值排序

2016/06/28 Python

Python实现简单过滤文本段的方法

2017/05/24 Python

对python中的logger模块全面讲解

2018/04/28 Python

python实现图片识别汽车功能

2018/11/30 Python

Python 爬取必应壁纸的实例讲解

2020/02/24 Python

python统计字符串中字母出现次数代码实例

2020/03/02 Python

Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式

2020/03/11 Python

keras 回调函数Callbacks 断点ModelCheckpoint教程

2020/06/18 Python

Python实现简单猜数字游戏

2021/02/03 Python

详解CSS3浏览器兼容

2016/12/14 HTML / CSS

西班牙第一的网上药房：PromoFarma.com

2017/04/17 全球购物

卡骆驰英国官网：Crocs英国

2019/08/22 全球购物

经济与贸易专业应届生求职信

2013/11/19 职场文书

纪律教育学习月活动总结

2014/08/27 职场文书

先进典型发言材料

2014/12/30 职场文书

经典搞笑版检讨书

2015/02/19 职场文书

拉贝日记观后感

2015/06/05 职场文书

基于Python和openCV实现图像的全景拼接详细步骤

2021/10/05 Python

Spring Boot实现文件上传下载

2022/08/14 Java/Android