引导下拉菜单中的图像导致溢出答案

【问题标题】：Image in bootstrap drop down causing overflow引导下拉菜单中的图像导致溢出
【发布时间】：2016-07-30 01:02:19
【问题描述】：

我正在尝试在引导导航栏下拉菜单中输入文本和图像。但是，它没有以导航栏为中心，并且在页面缩小时也会导致溢出间隙。这是问题的 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">

【问题讨论】：

标签： html twitter-bootstrap dropdown

【解决方案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>

【讨论】：