首页 >web前端 >Bootstrap教程 >bootstrap需要引用哪些文件

bootstrap需要引用哪些文件

青灯夜游
青灯夜游原创
2021-10-29 14:23:297086浏览

bootstrap需要引用3个文件,分别为:1、Bootstrap核心的CSS文件“bootstrap.min.css”;2、jQuery文件“jquery.min.js”;3、JavaScript文件“bootstrap.min.js”。

bootstrap需要引用哪些文件

本教程操作环境:Windows7系统、bootsrap3.3.7版、DELL G3电脑

Bootstrap的引用文件非常简单

必须的文件只有三个:

@*bootstrap的引用*@

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->  
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>   
    
    <!-- Bootstrap 核心 CSS 文件 -->  
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">  
    
    <!-- Bootstrap 核心 JavaScript 文件 -->  
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

还有一个可选的文件:

<!-- 可选的 Bootstrap 主题文件(一般不用引入) -->
<link rel="stylesheet" href="css/bootstrap-theme.min.css" >

首先,需要从bootstrap官网上下载用于生产环境的bootstrap,里面包含了它的基本的引用文件。

  • jquery.min.js——引用jQuery文件,bootstrap是基于jQuery的,所以要添加jQuery文件的引用。

  • bootstrap.min.css——bootstrap的CSS样式文件。

  • bootstrap.min.js——bootstrap的JavaScript文件。

推荐学习:《bootstrap使用教程

以上是bootstrap需要引用哪些文件的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn