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

newxtree.js代码

Mar 13 Javascript

js对象的比较

Feb 26 Javascript

javascript中sort() 方法使用详解

Aug 30 Javascript

JavaScript使用DeviceOne开发实战（三）仿微信应用

Dec 02 Javascript

jQuery动画效果相关方法实例分析

Dec 31 Javascript

js输入框使用正则表达式校验输入内容的实例

Feb 12 Javascript

vuex 的简单使用

Mar 22 Javascript

如何在js代码中消灭for循环实例详解

Jul 29 Javascript

Vue封装的可编辑表格插件方法

Aug 28 Javascript

小程序获取周围IBeacon设备的方法

Oct 31 Javascript

vue2配置scss的方法步骤

Jun 06 Javascript

node.JS事件机制与events事件模块的使用方法详解

Feb 06 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生成随机密码方法汇总

2015/08/27 PHP

ThinkPHP2.x防范XSS跨站攻击的方法

2015/09/25 PHP

php+ajax+json 详解及实例代码

2016/12/12 PHP

图片格式的JavaScript和CSS速查手册

2007/08/20 Javascript

Javascript笔记一 js以及json基础使用说明

2010/05/22 Javascript

jQuery判断元素是否存在的可靠方法

2014/05/06 Javascript

jquery实现滑动特效代码

2015/08/10 Javascript

AngularJs ng-repeat 嵌套如何获取外层$index

2016/09/21 Javascript

javascript 网页进度条简单实例

2017/02/22 Javascript

slideToggle+slideup实现手机端折叠菜单效果

2017/05/25 Javascript

JavaScript-定时器0~9抽奖系统详解（代码）

2017/08/16 Javascript

如何使用pm2快速将项目部署到远程服务器

2019/03/12 Javascript

VueCli4项目配置反向代理proxy的方法步骤

2020/05/17 Javascript

js实现双人五子棋小游戏

2020/05/28 Javascript

解决vue请求接口第一次成功,第二次失败问题

2020/09/08 Javascript

jQuery实现全选按钮

2021/01/01 jQuery

python 将字符串转换成字典dict

2013/03/24 Python

python实现用户登陆邮件通知的方法

2015/07/09 Python

Python编程中对文件和存储器的读写示例

2016/01/25 Python

Python编程flask使用页面模版的方法

2018/12/28 Python

Django中自定义admin Xadmin的实现代码

2019/08/09 Python

基于Python3.7.1无法导入Numpy的解决方式

2020/03/09 Python

Python3实现英文字母转换哥特式字体实例代码

2020/09/01 Python

Rag & Bone官网：瑞格布恩高级成衣

2018/04/19 全球购物

写好自荐信的技巧

2013/11/08 职场文书

园林施工员岗位职责

2013/12/11 职场文书

书法培训心得体会

2014/01/05 职场文书

公司总经理任命书

2014/06/05 职场文书

学校党员干部承诺书

2015/05/04 职场文书

2015年语文教师工作总结

2015/05/25 职场文书

2015年试用期工作总结范文

2015/05/28 职场文书

终止解除劳动合同证明书

2015/06/17 职场文书

童年读书笔记

2015/06/26 职场文书

MySQL query_cache_type 参数与使用详解

2021/07/01 MySQL

mysql 生成连续日期及变量赋值

2022/03/20 MySQL

python pygame 开发五子棋双人对弈

2022/05/02 Python