Home  >  Article  >  Web Front-end  >  What files do bootstrap need to reference?

What files do bootstrap need to reference?

青灯夜游
青灯夜游Original
2021-10-29 14:23:297052browse

bootstrap needs to reference 3 files, namely: 1. Bootstrap core CSS file "bootstrap.min.css"; 2. jQuery file "jquery.min.js"; 3. JavaScript file "bootstrap. min.js".

What files do bootstrap need to reference?

The operating environment of this tutorial: Windows 7 system, bootsrap version 3.3.7, DELL G3 computer

The reference file of Bootstrap is very simple

There are only three required files:

@*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>

There is also an optional file:

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

First, you need to download bootstrap for the production environment from the bootstrap official website, which contains it The basic reference file.

  • jquery.min.js——Reference the jQuery file. Bootstrap is based on jQuery, so you need to add a reference to the jQuery file.

  • bootstrap.min.css——bootstrap CSS style file.

  • bootstrap.min.js——bootstrap JavaScript file.

Recommended study: "bootstrap usage tutorial"

The above is the detailed content of What files do bootstrap need to reference?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn