부트 스트랩 3.0의 내비게이션 문제

Question

내 페이지의 줌 트론 (Jumbotron) 오른쪽에 접을 수있는 부동 네비게이션을 만들고 싶습니다. 부트 스트랩 3.0을 사용하고 있습니다.

내 navbar가 축소되지만 navbar가 축소되면 사이트 이름이 사라집니다. 또한 navbar는 오른쪽이 아닌 내 화면의 상단에 고정되어 있습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 도와 주셔서 감사합니다.

<section> 
<div class="navbar"> 
    <nav class="navbar navbar-inverse" role="navigation"> 
     <a class="navbar-brand" href="index.html">DD Portfolio</a> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Portfolio</a></li> 
      <li><a href="#">Contact</a></li> 
     </ul> 
    </nav> 
</section> 


     <div class="jumbotron"> 
     <div class="container"> 
      <h1>Who Am I?</h1> 
       <p>I am a student and content writer</p> 
      <p><a href="#" class="btn btn-primary btn-large">Learn More</a></p> 
     </div> 
     </div> 
</div> 

Answer 1

navbar-header에 사이트 이름을 추가해야하고 div 닫는 태그도 누락되어 있어야합니다. 완전한 코드는 다음과 같습니다.

<section> 
    <div class="navbar"> 
     <nav class="navbar navbar-inverse" role="navigation"> 
      <div class="navbar-header"> 
       <a class="navbar-brand" href="index.html">DD Portfolio</a> 
      </div> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#">Portfolio</a></li> 
       <li><a href="#">Contact</a></li> 
      </ul> 
     </nav> 
    </div> 
</section> 


<div class="jumbotron"> 
    <div class="container"> 
     <h1>Who Am I?</h1> 
     <p>I am a student and content writer</p> 
     <p><a href="#" class="btn btn-primary btn-large">Learn More</a></p> 
    </div> 
</div>