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

bootstrap需要引用哪些文件

青灯夜游
发布: 2021-10-29 14:23:29
原创
7107 人浏览过

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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板