在我的某些页面上,我包含了引导程序。
现在在一页上,我包含一个警报,该警报的样式为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,那么它就可以工作了。在另一个文件中,同一行工作得很好,因此路由似乎工作得很好(事实上,您也可以看到文件也已加载)
答案 0 :(得分:0)
您忘记了要点,必须在文件夹地址的第一个斜杠之前走线
<link rel="stylesheet" type="text/css" href="./bootstrapcss" />
答案 1 :(得分:0)
正如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。
再次感谢您的帮助!
答案 2 :(得分:-2)
您缺少html中的文件扩展名
<link rel="stylesheet" type="text/css" href="/bootstrap.css" />