Bootstrap样式表未应用

时间:2019-01-01 13:11:27

标签: html css twitter-bootstrap bootstrap-4

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

现在在一页上,我包含一个警报,该警报的样式为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文件。

在“网络”标签中,您可以看到加载引导程序工作正常:

Screenshot

但是,您也可以看到,即使正在加载,也不会应用任何类。

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

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

有什么想法吗?

编辑:尝试后,如果我通过直接链接而不是通过路由器加载CSS,那么它就可以工作了。在另一个文件中,同一行工作得很好,因此路由似乎工作得很好(事实上,您也可以看到文件也已加载)

3 个答案:

答案 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" />