正如标题所暗示的,我有一个 Bootstrap 相关的问题。我下载了源代码,因为我想稍后再更改它。但是,当我将它包含在我的 .html 文档中时,bootstrap 不会按应有的方式设置文档的样式。此外,当我将 bootstrap.js 和 bootstrap.css 的路径更改为 maxcdn 链接时,它一切正常。下面是我使用的代码和发生的情况的屏幕截图。
我希望有人能帮我解决这个问题。提前致谢!
附言我确定文件的路径是正确的,我检查了好几次。
<head>
<title>Bootstrap Case</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="bootstrap/docs/assets/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="bootstrap/docs/assets/js/bootstrap.min.js" />
<!-- <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.1.1/jquery.min.js"></script>
<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
</div>
</nav>
</body>
最佳答案
问题出在这一行
<link rel="stylesheet" type="text/css" href="bootstrap/docs/assets/js/bootstrap.min.js" />
会是
<script src="bootstrap/docs/assets/js/bootstrap.min.js"></script>
关于html - Bootstrap 无法从本地 .css 和 .js 文档正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40894226/