Navbarのアイテムは、

Question

の代わりに互いの上に座っています。

Navbarのアイテムは、隣に座っている間に<nav class="navbar navbar-default">を作成するときに重ねて表示されます。私はW3 Schoolsの指示に従っています。限り、私のコードは正しいです。ここで

<div class="container-fluid"> 
    <nav class="navbar navbar-default"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
       <a class="navbar-brand" href="#">BRAND</a> 
      </div> 



      <ul class="nav navbar-nav"> 
       <li><a href="#">about</a></li> 
       <li><a href="#">portfolio</a></li> 
       <li><a href="#">contact</a></li> 
      </ul> 
     </div> 
    </nav> 
</div> 

はbootplyにあなたの例を貼り付け、私のCodepen

Answer 1

が正常に動作するようです。あなたのスクリプト&スタイルシートファイルがあなたのページに正しく含まれていることを確認したいと思います。

--Edit--

私は実際には、ブラウザの幅が一致小さいメディアクエリ（応答モード）のいずれかを減少させた後、問題を見ています。使用しているコードは正しく動作していますが、ブートストラップナビバーのように、ハンバーガー/トリプルバーのアイコンに倒れない不完全な例に基づいています。あなたが良いかもしれない

は直接ブートストラップのウェブサイトからのコード例を確認するのに役立っ：https://getbootstrap.com/docs/3.3/components/#navbar