2016-02-19 43 views
0

下面這個教程引導This引導把圈後navgation

我有整整做了嗨什麼被告知,這一切工作正常。不過,我希望它能讓我能夠在導航菜單後的右側獲得一個圓圈。但是每一次我把div標籤的時候,它不工作,其實是把標誌的左邊,而不是右邊

<div class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">BootstrapBay</a> 
    </div> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
     <li class="active"><a href="#">Home</a></li>  
     <li><a href="#about">About</a></li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Themes <b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
      <li class="dropdown-header">Admin & Dashboard</li> 
      <li><a href="#">Admin 1</a></li> 
      <li><a href="#">Admin 2</a></li> 
      <li class="divider"></li> 
      <li class="dropdown-header">Portfolio</li> 
      <li><a href="#">Portfolio 1</a></li> 
      <li><a href="#">Portfolio 2</a></li> 
      </ul> 
     </li>    
     <li><a href="#">Contact</a></li> 
     </ul> 
    <div class = "circle"></div> 
    </div><!--/.nav-collapse --> 
    </div> 
</div> 


.circle{ 
    background-color: Red; 
    border-radius: 50%; 
    width: 200px; 
    height: 200px; 
    float: right; 
} 

你可以看到,我已經把圈navgation欄後。但由於某種原因它不是結束了那裏,我使用的浮動權的命令,但是,這並不工作,有這方面的幫助將是巨大

回答

0

啊抱歉,我都做到了,如果u粘<div class = "circle"></div>只是<div class="navbar navbar-default navbar-fixed-top" role="navigation">下方那麼你可以漂浮到右邊,它會在那裏結束。對不起,這個愚蠢的問題x