Bootstrap4 引入使用

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>