首页前端开发其他前端知识Bootstrap如何引用文件,引用什么文件

Bootstrap如何引用文件,引用什么文件

时间2024-03-28 12:10:04发布访客分类其他前端知识浏览1400
导读:这篇文章主要给大家介绍“Bootstrap如何引用文件,引用什么文件”的相关知识,下文通过实际案例向大家展示操作过程,内容简单清晰,易于学习,有这方面学习需要的朋友可以参考,希望这篇“Bootstrap如何引用文件,引用什么文件”文章能对大...
这篇文章主要给大家介绍“Bootstrap如何引用文件,引用什么文件”的相关知识,下文通过实际案例向大家展示操作过程,内容简单清晰,易于学习,有这方面学习需要的朋友可以参考,希望这篇“Bootstrap如何引用文件,引用什么文件”文章能对大家有所帮助。

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如何引用文件,引用什么文件”的介绍了,感谢各位的阅读,希望文本对大家有所帮助。如果想要了解更多知识,欢迎关注网络,小编每天都会为大家更新不同的知识。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: Bootstrap如何引用文件,引用什么文件
本文地址: https://pptw.com/jishu/654930.html
C语言平衡二叉树是什么,如何调整不平衡的情形 C语言链表的概念及结构怎么理解,链表的分类有哪些

游客 回复需填写必要信息