Question

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

现在在一页上，我包含一个警报，该警报的样式为bootstrap。

它的定义很简单：

 $('#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; }

完整答案是here。

再次感谢您的帮助！

Answer 3

您缺少html中的文件扩展名

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

Bootstrap样式表未应用

3 个答案: