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

ext 同步和异步示例代码

Sep 18 Javascript

JavaScript获取图片的原始尺寸以宽度为例

May 04 Javascript

window.print打印指定div指定网页指定区域的方法

Aug 04 Javascript

JavaScript动态提示输入框输入字数的方法

Jul 27 Javascript

学习JavaScript设计模式之单例模式

Jan 19 Javascript

图片懒加载插件实例分享（含解析）

Jan 09 Javascript

关于Vue Webpack2单元测试示例详解

Aug 14 Javascript

vue-cli构建项目使用 less的方法

Oct 04 Javascript

Webpack 4.x搭建react开发环境的方法步骤

Aug 15 Javascript

JS设置自定义快捷键并实现图片上下左右移动

Oct 17 Javascript

js Math数学简单使用操作示例

Mar 13 Javascript

javascript设计模式 ? 抽象工厂模式原理与应用实例分析

Apr 09 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

dedecms模板标签代码官方参考

2007/03/17 PHP

PHP中两个float(浮点数)比较实例分析

2015/09/27 PHP

PHP设计模式之外观模式（Facade）入门与应用详解

2019/12/13 PHP

Laravel如何实现适合Api的异常处理响应格式

2020/06/14 PHP

js TextArea的选中区域处理

2010/12/28 Javascript

JavaScript 命名空间使用介绍

2013/08/29 Javascript

一个不错的字符串转码解码函数(自写)

2014/07/31 Javascript

javascript的tab切换原理与效果实现方法

2015/01/10 Javascript

JavaScript 基本概念

2015/01/20 Javascript

JS中使用DOM来控制HTML元素

2016/07/31 Javascript

Bootstrap表格使用方法详解

2017/02/17 Javascript

AngularJS监听路由变化的方法

2017/03/07 Javascript

JS实现直接运行html代码的方法

2017/03/13 Javascript

js获取css的各种样式并且设置他们的方法

2017/08/22 Javascript

vue通过指令(directives)实现点击空白处收起下拉框

2018/12/06 Javascript

Jquery的Ajax技术使用方法

2019/01/21 jQuery

JavaScript 九种跨域方式实现原理

2019/02/11 Javascript

Vue 实现前端权限控制的示例代码

2019/07/09 Javascript

JS实现transform实现扇子效果

2020/01/17 Javascript

Vue组件模板及组件互相引用代码实例

2020/03/11 Javascript

js实现搜索提示框效果

2020/09/05 Javascript

[46:32]Fnatic vs OG 2018国际邀请赛小组赛BO2 第一场 8.18

2018/08/19 DOTA

python赋值操作方法分享

2013/03/23 Python

从零学python系列之从文件读取和保存数据

2014/05/23 Python

matplotlib在python上绘制3D散点图实例详解

2017/12/09 Python

python实现定时提取实时日志程序

2018/06/22 Python

tensorflow 20:搭网络,导出模型,运行模型的实例

2020/05/26 Python

哈萨克斯坦最大的时装、鞋子和配饰在线商店：Lamoda.kz

2019/11/19 全球购物

医院检讨书范文

2014/02/01 职场文书

个人贷款承诺书

2014/03/28 职场文书

计划生育标语

2014/06/23 职场文书

学校感恩节活动策划方案

2014/10/06 职场文书

教师年度个人总结

2015/02/11 职场文书

中学教师师德师风承诺书

2015/04/28 职场文书

TV动画《八十龟酱观察日记》第四季宣传PV公布

2022/04/06 日漫

使用Redis实现分布式锁的方法

2022/06/16 Redis