Bootstrap4 引入使用

有些话、适合烂在心里 提交于 2019-12-03 14:15:56

Bootstrap4 的本地引入

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

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

  <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单,包含了 popper.min.js -->
  <script src="./Bootstrap4/bootstrap-4.1.3-dist/js/bootstrap.bundle.min.js"></script>

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

Bootstrap4 的链接引入

<!-- 新 Bootstrap4 核心 CSS 文件 -->

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

 

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

 

<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单,包含了 popper.min.js -->

<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

 

<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->

<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!