0
私は特定の外観を作成するために、ブートストラップのスタイリングのいくつかをオーバーライドしようとしています。ブートストラップCDNの後にカスタムスタイルのCSSがリンクされている限り、私はうまくいくと説明しました。カスタマイズしたstyle.cssでブートストラップを無効にするにはどうしたらいいですか？
しかし、これはそうではないようです。
次は私のindex.htmlです：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Nathan Coder</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand" href="index.html" style="margin-left: 100px;">Nathan Coder</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">About</a></li>
<li><a href="#">|</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">|</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</body>
</html>
そして、これは私のstyle.cssです：
nav {
border-bottom: 3px;
border-color: #4aaaa5;
}
.navbar-brand {
color: #4aaaa5;
background-color: #ffffff;
font-size: 150%;
font-family: 'Georgia', Times, Times New Roman, serif;
padding: 20px;
}
、それだけで正常に動作していません。何かヒント？
追加してみてください！あなたのstyle.cssファイルがメインディレクトリにあるのですか、それとも別のフォルダにありますか？ – Laiman
あなたのstyle.cssファイルはメインディレクトリにありますか？ –
カスタムCSSでさらに詳しく説明してください。 nav/navbar-brandの親クラスを前または別のクラスに追加します。タグを使用しないようにしてください！重要です。これは反応的な問題を引き起こします。 –