圖像在引導下拉導致溢出

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>