图像在引导下拉导致溢出

Question

我想输入文本和图像在自举导航栏下拉。但是，它不是以导航栏为中心，并且页面缩小时也会导致溢出间隙。这是问题的一个的jsfiddle：https://jsfiddle.net/2r859fmx/

<div class="container-fluid"> 
     <div class="navbar-header"></div> 
     <div id="navbar"> 
      <ul class="nav navbar-nav navbar-right"> 
      <li class="dropdown"> 
       <a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#" role="button"> 
       <span class="pull-left"> 

Answer 1

您可以为文本和图像drop-down菜单下创建div。我编辑了你的代码。可能是这是你的问题的解决。

<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#" role="button"> 
     <div class="col-md-2 pull-right"> 
      <div class="col-md-6"> 
        <img class="circle img-responsive" src="https://s3.amazonaws.com/spotmes3/photo.jpg"> 
       </div> 

        Brian 
     </div> 
</a>