Question

嗨大家按照本教程进行bootstrap This

我完全按照所说的做了，一切正常。但是我想要它，以便我可以在导航菜单后实际获得一个圆圈在右侧。但是，每次我将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; 
}

你可以看到我把圈子放在了导航栏之后。但由于某种原因，它没有结束那里，我使用浮动右命令，但这不起作用，任何帮助这将是伟大的

Answer 1

对不起，我已经完成了，如果你坚持<div class = "circle"></div>正好在<div class="navbar navbar-default navbar-fixed-top" role="navigation">之下，那么你可以向右浮动，它会在那里结束。抱歉愚蠢的问题x

导航后引导圈放

1 个答案: