引导程序无法正常工作答案

【问题标题】：Bootstrap won't work properly引导程序无法正常工作
【发布时间】：2017-01-15 08:47:25
【问题描述】：

我已经在我的另一台计算机上尝试过这个确切的代码，并且一旦运行它就会以不同的方式显示。你能正确地告诉我应该如何插入参考吗？另外我怎么能覆盖默认引导程序的样式？我认为这就是您需要的所有信息，但如果您需要其他任何信息，请询问。

【问题讨论】：

提供你的脚本
您应该在包含引导程序之前包含 Jquery
你的电脑是windows还是windows和mac？因为通过阅读引导路径中的“~”，似乎 mac 没有“~”作为应该包含在路径中的东西。实际上，据我了解，只有基于 UNIX 的机器使用它——因此 mac 不知道它是什么意思。
如果你的 html 文件在 wwwroot 下，你可以删除 ~/ 符号，如果不是，你可以使用 ../ 符号代替 ~/
@jobairahmed 我不知道你指的是哪个脚本，

【解决方案1】：

我假设你的 html 文件在 wwwroot 文件夹中，所以：

<title>Bootstrap 101 Template</title>

<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.css">

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

<script src="lib/bootstrap/dist/js/bootstrap.min.js"></script>

<style>
    ...
</style>
</head>

【讨论】：

我的 html 文件在我的 Views 文件夹中，它不在 wwwroot 文件夹中。
很抱歉，我在您的 ss 中没有看到任何 Views 文件夹。只需在 html 文件中设置引导文件的正确路径即可。
是的，问题是它在一台计算机上运行良好，而在另一台计算机上（完全相同的代码）链接几乎是默认链接

【解决方案2】：

你在哪里：

<link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet">

删除~。

我相信~ 是 Windows 唯一用于查找路径的东西。如果是你的 Mac Bootstrap 不工作，那么我 98% 确定这是问题所在。 ~ 不像在 Windows 上那样在 mac 环境中用于路径。

对于通过这种方式找到的其他路径，您还需要这样做。

【讨论】：

它们都是窗口，但其中一个在并行桌面上运行，完全相同的代码，但是当我运行它时，链接没有被修饰

【解决方案3】：

进入并更改引导 CSS 可能会有点复杂，因此我通常会使用我的编辑创建一个新的 CSS 文件。由于 CSS 是级联样式表，因此我确保我的 CSS 文件是 head 部分中的最后一个样式表，因此它会覆盖其上方的样式表。

引用 HTML 文件的 CSS 文件的位置将决定文件路径在您的引用中的样子。如果您的 HTML 文件位于根目录中，则其他答案中提到的参考/路径应该可以工作。

【讨论】：

【解决方案4】：

如上所述：

<link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet">

删除~。

如果您想覆盖 CSS，请将 default.css 或您自己的 css 放在您要覆盖的 CSS 后面，例如：

<!-- Bootstrap and Custom CSS Style Sheets -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/default.css">

【讨论】：