html - 如何在没有 CDN 的情况下使用 Bootstrap ?

标签 html twitter-bootstrap

我想在我的网站上使用 Bootstrap 。首先,我把CDN放在头部,一切正常。然后我不想通过CDN应用bootstrap,所以我下载了bootstrap文件,并将CSS部分放在<style>中。 , 并将 js 部分放在 <script> 中.但是没有用,为什么?

这是 CDN 代码:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">

最佳答案

执行此步骤:

  1. 转到 https://getbootstrap.com/ 然后点击一个大的“下载”按钮。
  2. 向下滚动到“已编译的 CSS 和 JS”部分,点击“下载”按钮。
  3. 您将下载一个名为 bootstrap-4.0.0-beta-dist.zip 的文件(根据当前版本)。
  4. 提取它。它里面有 2 个文件夹:css 和 js。
  5. 将它们包含在您的网络项目目录中,例如在assets/bootstrap .
  6. 将它们包含在您的 html 中 <head>脚本:
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<script src='assets/bootstrap/js/bootstrap.min.js'></script>

祝你好运,继续学习!

关于html - 如何在没有 CDN 的情况下使用 Bootstrap ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46150848/

相关文章:

html - 如何在THTMLViewer中显示图像?

javascript - Bootstrap 按钮 onclick 不起作用

html - 试图对齐 div

html - 在 Twitter Bootstrap 中更改 .table-bordered 的线条颜色

javascript - react : iterating through javascript object key values

html - 将 dom 元素与另一个固定顶部元素的底部对齐

javascript - 了解onclick以及如何将其添加到li的

javascript - Angular 文本输入提交无法触发控制台日志

javascript - jQuery 动画在开始和结束时颠簸

css - 如何在 Bootstrap 3x 中指定一次网格宽度(而不是每个媒体大小一次)?