Bootstrap样式表未应用

Question

在我的某些页面上，我包含了引导程序。

现在，在一页上，我包含了一个由引导程序样式设置的警报。

它的定义很简单：

 $('#wrongPasswordDiv').html('<br/><div class="alert alert-danger" id="wrongPWAlert" role="alert">Falsches Passwort. Bitte erneut versuchen!</div>');

此外，之前，还包括Bootstrap css文件：

<link rel="stylesheet" type="text/css" href="/bootstrapcss" />

bootstrapcss被路由到正确的css文件。

在网络标签中，您可以看到加载引导程序可以正常工作：

而且，您可以看到，即使正在加载，也不会应用任何类。

现在，如果我将bootstrap的包含内容更改为CDN，则它可以正常工作，并且可以完美地应用这些类。

现在我不知道问题是什么，因为如您所见，引导程序正在加载，并且在两种情况下都正在加载，但是仅当从CDN加载时才应用样式。

有什么想法吗？

编辑：尝试后，如果我通过直接链接而不是通过路由器加载CSS，则可以正常工作。 在另一个文件中，同一行工作得很好，因此路由似乎工作得很好（事实上，您也可以看到文件也已加载）

Answer 1

您忘记了这一点，您必须在文件夹地址中的第一个斜杠之前进行操作：

 <link rel="stylesheet" type="text/css" href="./bootstrapcss" /> 

Answer 2

正如Kobi在另一个主题中提出并回答的那样，这是问题的答案：

使用此路线：

$router->map('GET','/bootstrapcss','example.css','bootstrapcss'); And

然后在匹配时：

$match = $router->match();


 if($match['name'] === 'bootstrapcss'){
    header("Content-Type: text/css");
    $fileName = $match['target'];
    echo file_get_contents($fileName);
    return; }

完整的答案在这里 。

再次感谢您的帮助！

Answer 3

您缺少html中的文件扩展名

 <link rel="stylesheet" type="text/css" href="/bootstrap.css" />