多个CSS样式表在PHP中使用通用头时出现问题_Php_Html_Css_Twitter Bootstrap_Styling

多个CSS样式表在PHP中使用通用头时出现问题

php html css twitter-bootstrap

多个CSS样式表在PHP中使用通用头时出现问题,php,html,css,twitter-bootstrap,styling,Php,Html,Css,Twitter Bootstrap,Styling,这是我第一次在这里问问题，我在做一个网站时遇到了一些问题我想有一个通用的页眉和页脚系统，这样我就不必在每一页上重做它。我正在使用Bootstrap3来设计我的网站。我以前使用过bootstrap，只使用HTML，没有问题。但是现在，我有了php中的所有内容，在本例中主要是header.php、footer.php和index.php。我可以使用include函数将header.php和footer.php添加到index.php文件中，但是当我尝试自定义导航栏颜色时，事情就停止了。我用“.na

这是我第一次在这里问问题，我在做一个网站时遇到了一些问题

我想有一个通用的页眉和页脚系统，这样我就不必在每一页上重做它。我正在使用Bootstrap3来设计我的网站。我以前使用过bootstrap，只使用HTML，没有问题。但是现在，我有了php中的所有内容，在本例中主要是header.php、footer.php和index.php。我可以使用include函数将header.php和footer.php添加到index.php文件中，但是当我尝试自定义导航栏颜色时，事情就停止了。我用“.navbar custom”类创建了一个“styles.css”文件，但当我在代码中调用它时，它显然没有被链接。你知道为什么它可能不起作用吗？为什么忽略指向/css/styles.css的链接

我是新使用php的，我正在自学，这个网站是一个测试项目

以下是每个文件的代码：

header.php

<!DOCTYPE html>
<html>
    <head>
        <title>Sitio Oficial de MMOBurger</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="UTF-8">       
        <link href="/css/bootstrap.min.css" type="text/css" rel="stylesheet">
        <link href="/css/styles.css" type="text/css" rel="stylesheet">
</head>
<body>
    <div class="navbar navbar-custom navbar-static-top">
        <div class="container">
            <a class="navbar-brand" href="http://mmoburger.com">MMOBurger</a>

            <button class="navbar-toggle" data-toggle = "collapse" data-targer = ".navHeaderCollapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="nav navbar-nav navbar-left">
                    <li><a href="http://mmoburger.com">Inicio</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Foro</a></li>
                    <li><a href="#">Tienda</a></li>
                </ul>                       
            </div>
        </div>
    </div>

我希望至少导航栏的背景色变为黑色或我在“背景色”中输入的任何颜色。我只是得到一个空白的导航栏，奇怪的是，蓝色的文本

以下是其渲染方式的屏幕截图：

谢谢你的耐心！祝你今天愉快

正如@mikehome在评论中所说，是您的评论CSS格式错误。应该是这样的

/*您的评论*/

蓝色文本不是来自CSS代码，而是来自导航栏链接的引导默认颜色文本

您对CSS的注释不正确。CSS注释以

/*

开头，以

*/

结尾。尝试删除以

开头的注释，或者用正确的语法替换它们。@mikehome很好。其他一切看起来都很好，所以这就是它。@Mikehome完全就是它！谢谢你的帮助！我从来没有想到过！完全是这样！哇，现在我觉得自己很愚蠢。谢谢你的帮助！不客气！如果对您合适，请不要忘记验证主题；）

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
        <script src="js/bootstrap.js"></script>
    </body>
</html>

<?php
 /* 
 *Website designed and created by Jose Antonio Montes, aka NeoAnthony
 *All rights reserved MMOBurger S.A. 
 */
 include ("header.php");
 ?>

<div class="container">
    <h1>
        Hello World! 
        <div class="glyphicon glyphicon-copyright-mark"></div>
    </h1> 
</div>

<?php
include ("footer.php");
?>

//Extra Styles

//NAVBAR COLORS
.navbar-custom {
background-color:#000;
color:#269abc;
border-radius:0;
}
//END NAVBAR COLORS