• 技术文章 >web前端 >Bootstrap教程

    bootstrap需要引用哪些文件

    青灯夜游青灯夜游2021-10-29 14:23:29原创93

    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,里面包含了它的基本的引用文件。

    推荐学习:《bootstrap使用教程

    以上就是bootstrap需要引用哪些文件的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:bootstrap
    上一篇:bootstrap框架有什么缺点 下一篇:聊聊Bootstrap中的网格布局,看看怎么垂直对齐和水平对齐
    大前端线上培训班

    相关文章推荐

    • 聊聊Bootstrap5中的断点与容器• vuejs和bootstrap的区别是什么• 深入解析Bootstrap中的网格系统• 浅谈Bootstrap5怎么使用分页导航Pagination组件• 浅谈Bootstrap5中滑动导航组件的使用方法• bootstrap如何设置悬浮窗

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网