脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → BootStrap入门学习

BootStrap入门学习第一篇

 更新时间：2017年08月28日 08:57:38   作者：嗯哼  
这篇文章主要为大家详细介绍了BootStrap入门学习第一篇，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了BootStrap入门学习的第一篇，供大家参考，具体内容如下

1、环境搭建

中文官网下载地址：http://www.bootcss.com/

右击选中的WEB项目，点击导入，选择文件系统，然后下一步，选择BootStrap文件目录路径，如下：

完成后，WEB项目下的css、img、js就出现相应文件，说明导入成功。

然后导入较新版本的JQuery库，目录结构如下：

至此环境搭建完成。

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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • JavaScript中奇葩的假值示例应用

    JavaScript中奇葩的假值示例应用

    这篇文章主要介绍了JavaScript中奇葩的假值应用,需要的朋友可以参考下
    2014-03-03
  • JS获取子、父、兄节点方法小结

    JS获取子、父、兄节点方法小结

    这篇文章主要介绍了JS获取子、父、兄节点方法总结及JS获取兄弟节点的两种方法,需要的朋友可以参考下
    2017-08-08
  • 点击按钮弹出模态框的一系列操作代码实例

    点击按钮弹出模态框的一系列操作代码实例

    这篇文章主要介绍了js弹出模态框方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • js实现点击切换TAB标签实例

    js实现点击切换TAB标签实例

    这篇文章主要介绍了js实现点击切换TAB标签的方法,涉及javascript鼠标点击事件及页面元素的遍历技巧,需要的朋友可以参考下
    2015-08-08
  • JS堆栈内存的运行机制详解

    JS堆栈内存的运行机制详解

    栈内存主要用于存储各种基本类型的变量，包括Boolean、Number、String、Undefined、Null，以及对象变量的指针（地址值），这篇文章主要介绍了JS堆栈内存的运行机制,需要的朋友可以参考下
    2022-06-06
  • JavaScript 箭头函数的特点、与普通函数的区别

    JavaScript 箭头函数的特点、与普通函数的区别

    这篇文章主要介绍了JavaScript 箭头函数的特点、与普通函数的区别,很多情况下，箭头函数和函数表达式创建的函数并无区别，只有写法上的不同，本文第二块内容将介绍箭头函数和普通函数功能上的区别，感兴趣的朋友跟随小编一起看看吧
    2021-11-11
  • 原生JavaScript实现Tooltip浮动提示框特效

    原生JavaScript实现Tooltip浮动提示框特效

    这篇文章主要为大家详细介绍了原生JavaScript设计和实现Tooltip浮动提示框特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • javascript瀑布流式图片懒加载实例

    javascript瀑布流式图片懒加载实例

    这篇文章主要为大家详细介绍了javascript瀑布流式图片懒加载实例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 详解javascript appendChild()的完整功能

    详解javascript appendChild()的完整功能

    这篇文章主要介绍了详解javascript appendChild()的完整功能，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • javascript数据类型验证方法

    javascript数据类型验证方法

    这篇文章主要为大家分享了一个简单的javascript数据类型验证方法，感兴趣的小伙伴们可以参考一下
    2015-12-12

最新评论