无法将css应用于bootstrap导航栏

时间:2017-12-20 07:08:28

标签: php bootstrap-4

我尝试在导航和正文中添加自定义样式,但样式没有显示在我的主页中,但是它显示在另一个页面中我没有得到任何一个可以帮助我解决问题,我可以搞乱

的index.php

<?php include 'include/css.php';?>
<?php $page = 'home';include 'include/navbar.php';?>

<?php include 'include/scripts.php';?>

Screenshot of browser for index.php

css.php

<html lang="en">
    <head>
        <title>Bootstrap 4 Example</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" >
        <link rel="stylesheet" href="../css/style.css">
    </head>
    <body>

Screenshot of browser for /include/css.php

的style.css

body{
    background-color: aqua;!important
}
.navbar-nav > li > a {
    color: #ffffff;
}

我正在附加github链接,请在本地服务器上下载文件上传  请找到错误

you can download files here

2 个答案:

答案 0 :(得分:0)

试试这个。

body{
   background-color: aqua !important;
}
.navbar-nav a {
    color: #ffffff !important;
}

答案 1 :(得分:0)

也许您有<link rel="stylesheet" href="../css/style.css">的路径问题 检查您的目录中的主页和其他页面。