如何在没有CDN的情况下使用bootstrap?

时间:2017-09-11 08:01:06

标签: 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">

2 个答案:

答案 0 :(得分:1)

请按照以下步骤操作:

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

答案 1 :(得分:0)

<head>部分中,您可以链接CSS样式表

<head>
<link rel="stylesheet" href="css/bootstrap.min.css">

</head>

上的链接Js文件
<body>
 <!-- html code -->
   <script src="js/jquery.min.js"></script>
   <script src="js/bootstrap.min.js">
 </body>