これは初心者の質問かもしれません。現在 Bootstrap を使用していますが、HTML マークアップのセマンティクスを変更して、Bootstrap クラスを直接使用しないようにしています。次のクラスを使用してナビゲーションバーをラップしました-
<div class="navbar-wrapper navbar-default"></div>
上記のクラスを独自のクラスに置き換えている間(およびカスタム .less ファイルをコンパイルしている間)、「navbar-wrapper」クラスは「undefined」として表示されますが、これは「bootstrap.css」ファイルで見つからないため問題ありません。
しかし、なぜ上記のスニペットで「navbar-wrapper」クラスを使用してもエラーが発生しないのでしょうか? また、スタイルが変更され、「navbar-wrapper」の代わりに「navbar」を使用すると、ナビゲーション バーの周りに境界線が追加されます。
編集1:明確にするために関連するコードを完成させてください
<body>
<div class="jumbotron">
<div class="container">
<h1><a href="dummywp.html">Dummy Blog</a></h1>
</div>
</div>
<div class="navbar-wrapper navbar-default" role="navigation">
<div class="container">
<ul class="nav navbar-nav">
<li class="active"><a href="dummy.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="contact.html">Buzz</a></li>
</ul>
</div>
</div>
</body>