Bootstrap引入文件问题

最新推荐文章于 2023-05-05 22:23:24 发布

PioneerOneLi

最新推荐文章于 2023-05-05 22:23:24 发布

阅读量642

点赞数 2

分类专栏： Bootstrap 文章标签：前端ui设计

本文链接：https://blog.csdn.net/PioneerOneLi/article/details/88045296

版权

Bootstrap 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第一种cdn引入（不必下载）：

<!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- 可选的Bootstrap主题文件（一般不使用） -->
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> 
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"> </script>

第二种本地引入（注意路径问题）:

 <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="../bootstrap.min.css">

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

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="../jquery-3.3.1.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="../bootstrap.min.js"></script>