Bootstrap无法正常工作

Question

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

Answer 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>

Answer 2

你在哪里：

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

删除~。

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

你也需要为你的其他路径做到这一点。

Answer 3

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

CSS文件引用HTML文件的位置将决定文件路径中的文件路径。如果您的HTML文件位于根目录中，则其他答案中提到的引用/路径应该有效。

Answer 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">