blocks|key|3657798|text|从引导程序下载缩小的CSS文件，并将其存储在外部CSS文件夹中，然后将其作为外部CSS资源调用到页面中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3657799|for+example:+
++<link+rel="stylesheet"+href="css/bootstrap.min.css">|code-block|syntax|javascript|3657800|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Download the minified CSS file from Bootstrap and store it in an external CSS folder - then call it into the page as an external CSS resource

<pre><code>for example: 
 &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
</code></pre>

blocks|key|3657825|text|下载引导文件并保存它。
https://v4-alpha.getbootstrap.com/getting-started/download/|type|blockquote|depth|inlineStyleRanges|entityRanges|offset|length|data|3657826|basic语法:|unstyled|style|BOLD|3657827|<link+href='Path/yourNameFile.css'+rel='stylesheet'>|code-block|syntax|javascript|3657828|路径相对于Html文件的源进行解释。
例如:如果您的引导文件位于MyBootstrap文件夹中，因此该文件夹和Html文件是某个位置，您的代码必须如下所示：|3657829|<link+href='MyBootstrap/YourNameFile.css'+rel='stylesheet'>|3657830|entityMap|0|LINK|mutability|MUTABLE|url|https://v4-alpha.getbootstrap.com/getting-started/download/^0|C|1N|0|0|0|8|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|D|3|E|5|F|7|13|8|@$A|14|B|15|G|H]]|9|@]|C|$]]|$1|I|3|J|5|K|7|16|8|@]|9|@]|C|$L|M]]|$1|N|3|O|5|6|7|17|8|@]|9|@]|C|$]]|$1|P|3|Q|5|K|7|18|8|@]|9|@]|C|$L|M]]|$1|R|3|-4|5|F|7|19|8|@]|9|@]|C|$]]]|S|$T|$5|U|V|W|C|$X|Y]]]]

<blockquote>
 Download Boostrap file and Save it.
 
 <a href="https://v4-alpha.getbootstrap.com/getting-started/download/" rel="nofollow noreferrer">https://v4-alpha.getbootstrap.com/getting-started/download/</a>
</blockquote>

basic syntax : 

<pre><code>&lt;link href='Path/yourNameFile.css' rel='stylesheet'&gt;
</code></pre>

<blockquote>
 Path is interpreted relative to the source of the Html file.
 
 For Example : if Your bootstrap file is in Folder MyBootstrap and so This Folder and Html file are some Place,Your code must be like this :
</blockquote>

<pre><code>&lt;link href='MyBootstrap/YourNameFile.css' rel='stylesheet'&gt;
</code></pre>

blocks|key|2666869|text|您必须下载css文件，然后使用以下内容|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2666870|<link+href="css/bootstrap.min.css"+rel="stylesheet">|code-block|syntax|javascript|2666871|您可以在这里看到更多信息：https://getbootstrap.com/getting-started/|offset|length|2666872|entityMap|0|LINK|mutability|MUTABLE|url|https://getbootstrap.com/getting-started/^0|0|0|D|15|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

you have to download the css files and then use somethin like this

<pre><code>&lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
</code></pre>

you can see more here: <a href="https://getbootstrap.com/getting-started/" rel="nofollow noreferrer">https://getbootstrap.com/getting-started/</a>

blocks|key|2666997|text|如果您想在脱机时使用下面的引导文件，那么只需在您的PC上下载这些文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2666998|然后从https中移除文本直到主文件之前。|ordered-list-item|2666999|删除完整性和跨源属性内容|2667000|沃尔拉！现在您可以看到没有CDN链接的引导文件。|2667001|在删除完整性和跨源属性内容之前，引用链接和工作表将无法工作。|2667002|继续这个提示&告诉我它是否对你有用。i.e|2667003|<link+rel="stylesheet"+href="bootstrap.min.css"+>|offset|length|style|CODE|2667004|<script+src="jquery-3.4.1.slim.min.js"+></script>
<script+src="popper.min.js"></script>
<script+src="bootstrap.min.js"+></script>|code-block|syntax|javascript|2667005|在给定相对路径时，将引导文件与html文件放在同一个文件夹中。如果您已将引导文件保存在文件夹中，则给出src="foldername/filename"路径。|2667006|entityMap^0|0|0|0|0|0|0|0|1D|0|0|1F|P|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|12|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|13|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|14|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|15|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|17|8|@$O|18|P|19|Q|R]]|9|@]|A|$]]|$1|S|3|T|5|U|7|1A|8|@]|9|@]|A|$V|W]]|$1|X|3|Y|5|6|7|1B|8|@$O|1C|P|1D|Q|R]]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|10|$]]

If you want to use bootstrap files below in offline then just download these file on you PC.

<ol>
<li>Then remove text from https till just before the main file</li>
<li>Remove integrity &amp; crossorigin attribute contents</li>
<li>Wolla! now you can see bootstrap files without CDN links.</li>
<li>The reference links &amp; sheets wont work till you Remove integrity &amp; crossorigin attribute contents.</li>
</ol>

Go ahead with this tip &amp; tell me if it worked for you.
 i.e

<code>&lt;link rel="stylesheet" href="bootstrap.min.css" &gt;</code>

<pre><code>&lt;script src="jquery-3.4.1.slim.min.js" &gt;&lt;/script&gt;
&lt;script src="popper.min.js"&gt;&lt;/script&gt;
&lt;script src="bootstrap.min.js" &gt;&lt;/script&gt;
</code></pre>

Place the bootstarp files in the same folder with html files as you are giving the relative path. If you have saved bootstrap files in a folder the give <code>src="foldername/filename"</code> path.

blocks|key|2666919|text|转到http://getbootstrap.com/并下载引导程序，将它放在与html相同的文件夹中，然后这样调用它。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2666920|<link+rel="stylesheet"+href="css/bootstrap.css"/>|code-block|syntax|javascript|2666921|entityMap|0|LINK|mutability|MUTABLE|url|http://getbootstrap.com/^0|2|O|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

Go to <a href="http://getbootstrap.com/" rel="nofollow noreferrer">http://getbootstrap.com/</a> and download bootstrap put it in the same folder as your html and call it like this.

<pre><code>&lt;link rel="stylesheet" href="css/bootstrap.css"/&gt;
</code></pre>

blocks|key|2666946|text|下载本地文件夹上可用的引导js和css文件并使用它的最佳方法，之后会自动提高页面速度。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2666947|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

The best way to download usable bootstrap js and css files on your local folder and use it, after that automatically increase your page speed.

blocks|key|3245856|text|除了gavgrif's答案之外，您还需要以下文件：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3245857|https://code.jquery.com/jquery-3.4.1.min.js|code-block|syntax|javascript|3245858|这个命令将粘贴在部分中：|3245859|<script+src="jquery-3.4.1.min.js"></script>|3245860|entityMap^0|2|9|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

In addition to <code>gavgrif's</code> answer you will also need the file at this:

<pre><code>https://code.jquery.com/jquery-3.4.1.min.js
</code></pre>

and this command to be pasted in section: 

<pre><code>&lt;script src="jquery-3.4.1.min.js"&gt;&lt;/script&gt;
</code></pre>

How can I make this work in offline? This is in my index.html:

<pre><code>&lt;link href='https://maxcdn.bootstrapcdn.com/bootswatch/3.3.5/paper/bootstrap.min.css' rel='stylesheet'&gt;
</code></pre>

Update:

There's a line in the css that contains http call to get the font css, do I 
need to download it offline as well?

<pre><code>@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");/*!
</code></pre>

Offline bootstrap

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我怎样才能让它离线工作呢？这是在我的index.html中：<link href='https://maxcdn.bootstrapcdn.com/bootswatch/3.3.5/paper/bootstrap.min.css' rel='stylesheet'>更新：css中有一行包含http调用来获取字体css，我是否也需要脱机下载它？@import url("https://fonts.g

问离线引导
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问离线引导EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问离线引导
EN