当前位置 : 主页 > 手机开发 > 其它 >

bootstrap需要引用哪些文件

来源:互联网 收集:自由互联 发布时间:2022-06-23
bootstrap需要引用3个文件,分别为:1、Bootstrap核心的CSS文件“bootstrap.min.css”;2、jQuery文件“jquery.min.js”;3、JavaScript文件“bootstrap.min.js”。 本教程操作环境:Windows7系统、bootsrap3.3.

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

本教程操作环境: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需要引用哪些文件的详细内容,更多请关注自由互联其它相关文章!

网友评论