2017-12-20 19 views
0

ナビゲーションやボディにカスタムスタイルを追加しようとしていますが、スタイルは私のホームページに表示されていませんが、別のページに表示されています。私の周りブートストラップナビにCSSを適用できません

の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> 
をいじってる溶液でくれアウト0

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

+0

私は生成されたHTMLを見ています - あなたのブラウザで - 右クリック - >ページソースを見る(またはあなたのブラウザでこれまでに似たもの)と何が見えますか? – TimBrownlaw

+0

ya私はソースをチェックしましたが、index.phpが別のパスを取っています。私はincludeをインクルードするためにインクルードファイルをインクルードしています。インクルードファイルをインクルードしています。css.phpファイルが含まれています。 cssフォルダ内のindex.phpがパスを話していない – user3497794

+0

また、インクルードフォルダの中にcssフォルダを入れておいてもうまくいきませんでした。 – user3497794

答えて

0

、このいずれかを試してみてください。

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

スタイルは参照のためのインデックスページ上でまったく動作していません私はあなたにスクリーンショットを添付します – user3497794

+0

あなたのスタイルのファイルをヘッドタグの中に入れましたか? –

+0

私は頭のタグに含まれていたCSSのファイル – user3497794

0

多分あなたは<link rel="stylesheet" href="../css/style.css"> のパスの問題は、ホームページや他のページのためのディレクトリをチェックしています。

+0

いいえパスの問題はありません私はそれがcss.phpで動作しているが、それはindex.phpで動作していない添付ファイルをチェック画像 – user3497794

関連する問題