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

IE和Firefox下javascript的兼容写法小结

Dec 10 Javascript

JavaScript关于select的相关操作说明

Jan 13 Javascript

通过jQuery源码学习javascript(一)

Dec 27 Javascript

全面解析bootstrap格子布局

May 22 Javascript

JS本地刷新返回上一页代码

Jul 25 Javascript

BootStrap 表单控件之单选按钮水平排列

May 23 Javascript

Angular.js中下拉框实现渲染html的方法

Jun 18 Javascript

详解webpack4多入口、多页面项目构建案例

May 25 Javascript

vue通过video.js解决m3u8视频播放格式的方法

Jul 30 Javascript

JavaScript indexOf()原理及使用方法详解

Jul 09 Javascript

解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题

Aug 14 Javascript

比较node.js和Deno

Apr 27 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(2)――PHP类型

2010/02/15 PHP

php ss7.5的数据调用（笔记）

2010/03/08 PHP

PHP chmod 函数与批量修改文件目录权限

2010/05/10 PHP

php下将多个数组合并成一个数组的方法与实例代码

2011/02/03 PHP

jquery tab插件精简版分享

2011/09/10 Javascript

php跨域调用json的例子

2013/11/13 Javascript

JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码

2015/09/17 Javascript

通过正则表达式获取url中参数的简单实现

2016/06/07 Javascript

jQueryUI Datepicker组件设置日期高亮

2016/10/13 Javascript

详解Vue组件实现tips的总结

2017/11/01 Javascript

详解angularjs实现echart图表效果最简洁教程

2017/11/29 Javascript

javascript代码优化的8点总结

2018/01/29 Javascript

详解Vue.js自定义tipOnce指令用法实例

2018/12/19 Javascript

详解JavaScript 为什么要有 Symbol 类型？

2019/04/03 Javascript

Vue的全局过滤器和私有过滤器的实现

2020/04/20 Javascript

使用Taro实现小程序商城的购物车功能模块的实例代码

2020/06/05 Javascript

JavaScript 中判断变量是否为数字的示例代码

2020/10/22 Javascript

解决vue项目运行npm run serve报错的问题

2020/10/26 Javascript

vant 中van-list的用法说明

2020/11/11 Javascript

python 第三方库的安装及pip的使用详解

2017/05/11 Python

Python实现图片滑动式验证识别方法

2017/11/09 Python

详解DeBug Python神级工具PySnooper

2019/07/03 Python

Python 使用元类type创建类对象常见应用详解

2019/10/17 Python

CSS3中的opacity属性使用教程

2015/08/19 HTML / CSS

AMAVII眼镜官网：时尚和设计师太阳镜

2019/05/05 全球购物

介绍一下linux的文件权限

2014/07/20 面试题

鞋类设计与工艺专业销售求职信

2013/11/01 职场文书

大二法学专业职业生涯规划范文

2014/02/12 职场文书

出国英文推荐信

2014/05/10 职场文书

物业管理工作方案

2014/05/10 职场文书

岗位明星事迹材料

2014/05/18 职场文书

爱我中华演讲稿

2014/05/20 职场文书

文秘专业应届生求职信

2014/05/26 职场文书

如何判断pytorch是否支持GPU加速

2021/06/01 Python

go使用Gin框架利用阿里云实现短信验证码功能

2021/08/04 Golang

Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)

2022/07/15 数码科技