1 Star 0 Fork 0

曹普京 / Bootstrap v4中文文档

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
构建工具.html 23.95 KB
AI 代码解读
一键复制 编辑 原始数据 按行查看 历史
曹普京 提交于 2023-12-20 12:29 . update 构建工具.html.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description"
content="Get started with Bootstrap, the world&rsquo;s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.101.0">
<meta name="docsearch:language" content="en">
<meta name="docsearch:version" content="4.6">
<title>介绍文档 · Bootstrap v4.6</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.6/getting-started/introduction/">
<!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/4.6/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<!-- Documentation extras -->
<link href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" rel="stylesheet">
<link href="https://getbootstrap.com/docs/4.6/assets/css/docs.css" rel="stylesheet">
<!-- Favicons -->
<link rel="manifest" href="https://getbootstrap.com/docs/4.6/assets/img/favicons/manifest.json">
<link rel="icon" href="https://getbootstrap.com/docs/4.6/assets/img/favicons/favicon.ico">
<meta name="msapplication-config" content="/docs/4.6/assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#563d7c">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@getbootstrap">
<meta name="twitter:creator" content="@getbootstrap">
<meta name="twitter:title" content="Introduction">
<meta name="twitter:description"
content="Get started with Bootstrap, the world&rsquo;s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.">
<meta name="twitter:image" content="https://getbootstrap.com/docs/4.6/assets/brand/bootstrap-social-logo.png">
<!-- Facebook -->
<meta property="og:url" content="https://getbootstrap.com/docs/4.6/getting-started/introduction/">
<meta property="og:title" content="Introduction">
<meta property="og:description"
content="Get started with Bootstrap, the world&rsquo;s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.">
<meta property="og:type" content="article">
<meta property="og:image" content="https://getbootstrap.com/docs/4.6/assets/brand/bootstrap-social.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" site="ITUSEYJG"></script>
<script>
window.ga = window.ga || function () { (ga.q = ga.q || []).push(arguments) }; ga.l = +new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
</head>
<body>
<div class="skippy overflow-hidden">
<div class="container-xl">
<a class="sr-only sr-only-focusable d-inline-flex p-2 m-1" data-href="#content">跳转到主要内容</a>
<a class="sr-only sr-only-focusable d-none d-md-inline-flex p-2 m-1" data-href="#bd-docs-nav">跳转到文档导航</a>
</div>
</div>
<div class="d-block px-3 py-2 text-center text-bold skippy">
<a data-href="" class="text-white">Bootstrap 有更新版本!</a>
</div>
<header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar">
<a class="navbar-brand mr-0 mr-md-2" data-href="/" aria-label="Bootstrap">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" class="d-block" viewBox="0 0 612 612" role="img"
focusable="false">
<title>Bootstrap</title>
<path fill="currentColor"
d="M510 8a94.3 94.3 0 0 1 94 94v408a94.3 94.3 0 0 1-94 94H102a94.3 94.3 0 0 1-94-94V102a94.3 94.3 0 0 1 94-94h408m0-8H102C45.9 0 0 45.9 0 102v408c0 56.1 45.9 102 102 102h408c56.1 0 102-45.9 102-102V102C612 45.9 566.1 0 510 0z" />
<path fill="currentColor"
d="M196.77 471.5V154.43h124.15c54.27 0 91 31.64 91 79.1 0 33-24.17 63.72-54.71 69.21v1.76c43.07 5.49 70.75 35.82 70.75 78 0 55.81-40 89-107.45 89zm39.55-180.4h63.28c46.8 0 72.29-18.68 72.29-53 0-31.42-21.53-48.78-60-48.78h-75.57zm78.22 145.46c47.68 0 72.73-19.34 72.73-56s-25.93-55.37-76.46-55.37h-74.49v111.4z" />
</svg>
</a>
<div class="navbar-nav-scroll">
<ul class="navbar-nav bd-navbar-nav flex-row">
<li class="nav-item">
<a class="nav-link" data-href="/"
onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">主页</a>
</li>
<li class="nav-item">
<a class="nav-link active" data-href=""
onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">文档</a>
</li>
<li class="nav-item">
<a class="nav-link" data-href=""
onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">示例</a>
</li>
<li class="nav-item">
<a class="nav-link" data-href="" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Icons');"
target="_blank" rel="noopener">图标</a>
</li>
<li class="nav-item">
<a class="nav-link" data-href="" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');"
target="_blank" rel="noopener">主题</a>
</li>
<li class="nav-item">
<a class="nav-link" data-href="" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
target="_blank" rel="noopener">博览会</a>
</li>
<li class="nav-item">
<a class="nav-link" data-href="" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
target="_blank" rel="noopener">博客</a>
</li>
</ul>
</div>
<ul class="navbar-nav ml-md-auto">
<li class="nav-item dropdown">
<button class="btn nav-link dropdown-toggle mr-md-2" data-toggle="dropdown" aria-expanded="false">
<span class="sr-only">Bootstrap&nbsp;</span> v4.6 <span class="sr-only">(选择其他版本)</span>
</button>
<div class="dropdown-menu dropdown-menu-md-right">
<a class="dropdown-item active" data-href="">当前 (4.6.x)</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" data-href="">5.1.x</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" data-href="">v3.4.1</a>
<a class="dropdown-item" data-href="">v2.3.2</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" data-href="/">全部版本</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link pl-2 pr-1 mx-1 py-3 my-n2" data-data-href="https://github.com/twbs" target="_blank"
rel="noopener" aria-label="GitHub">
<svg xmlns="http://www.w3.org/2000/svg" class="navbar-nav-svg" viewBox="0 0 512 499.36" role="img"
focusable="false">
<title>GitHub</title>
<path fill="currentColor" fill-rule="evenodd"
d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z" />
</svg>
</a>
</li>
<li class="nav-item">
<a class="nav-link px-1 mx-1 py-3 my-n2" data-href="https://twitter.com/getbootstrap" target="_blank"
rel="noopener" aria-label="Twitter">
<svg xmlns="http://www.w3.org/2000/svg" class="navbar-nav-svg" viewBox="0 0 512 416.32" role="img"
focusable="false">
<title>Twitter</title>
<path fill="currentColor"
d="M160.83 416.32c193.2 0 298.92-160.22 298.92-298.92 0-4.51 0-9-.2-13.52A214 214 0 0 0 512 49.38a212.93 212.93 0 0 1-60.44 16.6 105.7 105.7 0 0 0 46.3-58.19 209 209 0 0 1-66.79 25.37 105.09 105.09 0 0 0-181.73 71.91 116.12 116.12 0 0 0 2.66 24c-87.28-4.3-164.73-46.3-216.56-109.82A105.48 105.48 0 0 0 68 159.6a106.27 106.27 0 0 1-47.53-13.11v1.43a105.28 105.28 0 0 0 84.21 103.06 105.67 105.67 0 0 1-47.33 1.84 105.06 105.06 0 0 0 98.14 72.94A210.72 210.72 0 0 1 25 370.84a202.17 202.17 0 0 1-25-1.43 298.85 298.85 0 0 0 160.83 46.92" />
</svg>
</a>
</li>
<li class="nav-item">
<a class="nav-link px-1 mx-1 py-3 my-n2" data-href="https://opencollective.com/bootstrap/" target="_blank"
rel="noopener" aria-label="Open Collective">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" fill-rule="evenodd" class="navbar-nav-svg"
viewBox="0 0 40 41" role="img" focusable="false">
<title>Open Collective</title>
<path fill-opacity=".4"
d="M32.8 21c0 2.4-.8 4.9-2 6.9l5.1 5.1c2.5-3.4 4.1-7.6 4.1-12 0-4.6-1.6-8.8-4-12.2L30.7 14c1.2 2 2 4.3 2 7z" />
<path
d="M20 33.7a12.8 12.8 0 0 1 0-25.6c2.6 0 5 .7 7 2.1L32 5a20 20 0 1 0 .1 31.9l-5-5.2a13 13 0 0 1-7 2z" />
</svg>
</a>
</li>
</ul>
<a class="btn btn-bd-download d-none d-lg-inline-block mb-3 mb-md-0 ml-md-3"
data-href="https://getbootstrap.com/docs/4.6/getting-started/download/">下载</a>
</header>
<div class="container-fluid">
<div class="row flex-xl-nowrap">
<div class="col-md-3 col-xl-2 bd-sidebar">
<form role="search" class="bd-search d-flex align-items-center">
<input type="search" class="form-control" id="search-input" placeholder="Search..." aria-label="Search for..."
autocomplete="off" data-docs-version="4.6">
<button class="btn bd-search-docs-toggle d-md-none p-0 ml-3" type="button" data-toggle="collapse"
data-target="#bd-docs-nav" aria-controls="bd-docs-nav" aria-expanded="false"
aria-label="Toggle docs navigation">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" role="img"
focusable="false">
<title>菜单</title>
<path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"
d="M4 7h22M4 15h22M4 23h22" />
</svg>
</button>
</form>
<div class="collapse d-md-block row" id="bd-docs-nav">
<nav class="bd-links" aria-label="Main navigation">
<div class="bd-toc-item active">
<a class="bd-toc-link" href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/">
入门
</a>
<ul class="nav bd-sidenav">
<li >
<a href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/">介绍</a>
</li>
<li>
<a href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/下载.html">下载</a>
</li>
<li>
<a href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/目录.html">目录</a>
</li>
<li>
<a href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/浏览器和设备.html">浏览器和设备</a>
</li>
<li>
<a href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/JavaScript.html">JavaScript</a>
</li>
<li>
<a href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/主题.html">主题</a>
</li>
<li>
<a class="active bd-sidenav-active" href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/构建工具">构建工具</a>
</li>
<li>
<a href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/Webpack.html">Webpack</a>
</li>
<li>
<a href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/可访问性.html">可访问性</a>
</li>
</ul>
</div>
<div class="bd-toc-item">
<a class="bd-toc-link" href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/layout/">
布局
</a>
</div>
<div class="bd-toc-item">
<a class="bd-toc-link" data-href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/content/">
内容
</a>
</div>
<div class="bd-toc-item">
<a class="bd-toc-link" data-href="https://getbootstrap.com/docs/4.6/components/alerts/">
组件
</a>
</div>
<div class="bd-toc-item">
<a class="bd-toc-link" data-href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/utilities/">
实用工具
</a>
</div>
<div class="bd-toc-item">
<a class="bd-toc-link" data-href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/extend/">
扩展
</a>
</div>
<div class="bd-toc-item">
<a class="bd-toc-link" data-href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/migration/">
迁移
</a>
</div>
<div class="bd-toc-item">
<a class="bd-toc-link" data-href="https://cao-putin.gitee.io/bootstrap-v4-chinese-document/about/">
关于
</a>
</div>
</nav>
</div>
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
<li><a href="#安装工具">安装工具</a></li>
<li><a href="#使用-npm-脚本">使用 npm 脚本</a></li>
<li><a href="#sass">Sass</a></li>
<li><a href="#autoprefixer">Autoprefixer</a></li>
<li><a href="#在本地启动文档网站">在本地启动文档网站</a></li>
<li><a href="#故障排除">故障排除</a></li>
</ul>
</nav>
</nav>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
<a class="btn btn-sm btn-bd-light my-2 my-md-0"
href="https://github.com/twbs/bootstrap/blob/v4.6.2/site/content/docs/getting-started/build-tools.md"
title="View and edit this file on GitHub" target="_blank" rel="noopener">View on GitHub</a>
<h1 class="bd-title" id="content">构建工具</h1>
</div>
<p class="bd-lead">了解如何使用 Bootstrap 自带的 npm 脚本来构建文档、编译源码、运行测试等。</p>
<h2 id="安装工具"><span class="bd-content-title">安装工具<a class="anchorjs-link " aria-label="Anchor"
data-anchorjs-icon="#" href="#安装工具" style="padding-left: 0.375em;"></a></span></h2>
<p>Bootstrap 的构建系统由 <a href="https://docs.npmjs.com/misc/scripts/">npm 脚本</a> 组成的。 其自带的 <a
href="https://github.com/twbs/bootstrap/blob/v4.6.2/package.json">package.json</a> 文件提供了便捷的途径来编译代码、运行测试等。
</p>
<p>无论是使用 Bootstrap 自带的构建系统还是在本地启动文档网站,都需要下载 Bootstrap 源码并安装 Node。请按照以下步骤操作并搭建本地运行环境:</p>
<ol>
<li><a href="https://nodejs.org/en/download/">下载并安装 Node.js</a>,其自带了我们用于管理依赖项的工具。</li>
<li><a href="https://github.com/twbs/bootstrap/archive/v4.6.2.zip">下载 Bootstrap 的源码</a> 或克隆 <a
href="https://github.com/twbs/bootstrap">Bootstrap 的源码仓库</a> 到本地。</li>
<li>进入源码的根目录 <code>/bootstrap</code> 并运行 <code>npm install</code> 以安装 <a
href="https://github.com/twbs/bootstrap/blob/v4.6.2/package.json">package.json</a> 文件中列出的所有依赖项到本地。</li>
</ol>
<p>上述步骤完成后,你就可以运行 Bootstrap 所提供的各个命令了。</p>
<h2 id="使用-npm-脚本"><span class="bd-content-title">使用 npm 脚本<a class="anchorjs-link " aria-label="Anchor"
data-anchorjs-icon="#" href="#使用-npm-脚本" style="padding-left: 0.375em;"></a></span></h2>
<p>Bootstrap 自带的 <a href="https://github.com/twbs/bootstrap/blob/v4.6.2/package.json">package.json</a>
文件提供了如下所列出的命令:</p>
<table>
<thead>
<tr>
<th>命令</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>npm run dist</code></td>
<td><code>npm run dist</code> 命令用于创建 <code>/dist/</code> 目录并将编译后的文件放置于此目录中。<strong>用到了 <a
href="https://sass-lang.com/">Sass</a><a
href="https://github.com/postcss/autoprefixer">Autoprefixer</a><a
href="https://github.com/terser/terser">terser</a> 工具。</strong></td>
</tr>
<tr>
<td><code>npm test</code></td>
<td>运行 <code>npm run dist</code> 命令之后在本地运行测试程序</td>
</tr>
<tr>
<td><code>npm run docs-serve</code></td>
<td>在本地构建并启动文档网站。</td>
</tr>
</tbody>
</table>
<p>运行 <code>npm run</code> 列出所有可用的 npm 命令或脚本。to see all the npm scripts.</p>
<div class="bd-callout bd-callout-info">
<strong>利用 npm 和我们提供的模板项目快速上手 Bootstrap!</strong> 请前往 <a
href="https://github.com/twbs/bootstrap-npm-starter">twbs/bootstrap-npm-starter</a> 模板仓库,了解如何你自己的 npm
项目中构建和定制 Bootstrap。包括 Sass 编译器、Autoprefixer、Stylelint、PurgeCSS 以及 Bootstrap 图标库。
</div>
<h2 id="sass"><span class="bd-content-title">Sass<a class="anchorjs-link " aria-label="Anchor"
data-anchorjs-icon="#" href="#sass" style="padding-left: 0.375em;"></a></span></h2>
<p>Bootstrap v4 版本使用 <a href="https://github.com/sass/node-sass">Node Sass</a> 工具将 Sass 源码文件编译为 CSS
文件(已包含在我们的构建流程中了)。如果你需要自己编译 Sass 源码的话,为了保证最终生成的 CSS 与官方保持一致,你所使用的 Sass 编译器至少要支持 Node Sass
所支持的所有功能。特别需要注意的是,自 2020 年 10 月 26 日起,LibSass 及构建在 LibSass 上的所有软件包(包括 Node Sass)都已被 Sass 官方标记为 <a
href="https://sass-lang.com/blog/libsass-is-deprecated">不推荐使用</a> 了。</p>
<p>如果你需要新的 Sass 功能或与新的 CSS 标准相兼容,<a href="https://sass-lang.com/dart-sass">Dart Sass</a> 现在是 Sass 的主要实现,并支持与
Node Sass 完全兼容的 JavaScript API (有几个例外,请去 Dart Sass 的 <a href="https://github.com/sass/dart-sass">GitHub
page</a> 页面上查看)。</p>
<p>我们将 Sass 编译器对浮点数的舍入精度提高到了 6 (在 Node Sass 中默认是 5 ),以避免浏览器的舍入问题。如果你使用的是 Dart Sass,则无需进行调整,因为该编译器设置的舍入精度为
10,并且出于执行效率的考虑,不允许对此数值进行调整。</p>
<h2 id="autoprefixer"><span class="bd-content-title">Autoprefixer<a class="anchorjs-link " aria-label="Anchor"
data-anchorjs-icon="#" href="#autoprefixer" style="padding-left: 0.375em;"></a></span></h2>
<p>Bootstrap 使用 <a href="https://github.com/postcss/autoprefixer">Autoprefixer</a>
(已包含在我们的构建流程中了)工具在构建时自动将特定于厂商的属性前缀添加到某些 CSS 属性前。对于 CSS 的关键部分,此工具可以让我们只需要编写一次然后由自动添加,并且避免了像 Bootstrap v3
版本中那样手动添加带有特定于厂商前缀的 CSS 属性,这样就节省我们的时间并减少了代码量。</p>
<p>我们将需要 Autoprefixer 支持的浏览器列表保存在一个单独的文件中,并提交到 GitHub 仓库中进行管理。有关详细信息,请参见 <a
href="https://github.com/twbs/bootstrap/blob/v4.6.2/.browserslistrc">.browserslistrc</a></p>
<h2 id="在本地启动文档网站"><span class="bd-content-title">在本地启动文档网站<a class="anchorjs-link " aria-label="Anchor"
data-anchorjs-icon="#" href="#在本地启动文档网站" style="padding-left: 0.375em;"></a></span></h2>
<p>在本地启动文档网站需要用到 Hugo 工具,它是通过 <a href="https://www.npmjs.com/package/hugo-bin">hugo-bin</a> 这个 npm
软件包安装到本地的。Hugo 是一个快速且可扩展的静态站点生成器,它为我们提供的基本功能包括:文件包含、编译 Markdown 文件、模板等。以下是 Hugo 的用法:</p>
<ol>
<li>参照上面的 <a href="#tooling-setup">安装工具</a> 章节的说明安装所有依赖项。</li>
<li>进入根目录 <code>/bootstrap</code>,运行 <code>npm run docs-serve</code> 命令。</li>
<li>在浏览器中输入 <code>http://localhost:9001/</code> 网址,然后就能看到文档网站的内容了。</li>
</ol>
<p>如需了解更多关于 Hugo 的信息,请参阅其 <a href="https://gohugo.io/documentation/">文档</a></p>
<h2 id="故障排除"><span class="bd-content-title">故障排除<a class="anchorjs-link " aria-label="Anchor"
data-anchorjs-icon="#" href="#故障排除" style="padding-left: 0.375em;"></a></span></h2>
<p>如果你在安装依赖项时遇到了问题,请卸载所有先前安装的依赖项及其各个版本(包括全局和本地)。然后,重新运行 <code>npm install</code></p>
</main>
</body>
</html>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"><\/script>')</script>
<script src="https://getbootstrap.com/docs/4.6/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script src="https://getbootstrap.com/docs/4.6/assets/js/docs.min.js"></script>
</body>
</html>
JavaScript
1
https://gitee.com/cao-putin/bootstrap-v4-chinese-document.git
git@gitee.com:cao-putin/bootstrap-v4-chinese-document.git
cao-putin
bootstrap-v4-chinese-document
Bootstrap v4中文文档
master

搜索帮助