Bootstrap：与图像一样宽下拉

Question

我想在Laravel 5.4下使用“标志图像”制作本地化下拉菜单。我实现了它，但下拉比图像宽得多。如果我想成为像图片一样宽的下拉菜单，如何配置它？

我的片段：

<li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> 
     <img src="/img/flags/{{App::getLocale()}}.png" alt="Logo"></a> 
    </a> 
    <ul class="dropdown-menu" role="menu"> 
     <li><a href="{{URL::to('lang/hu')}}"><img src="/img/flags/hu.png"></a></li> 
     <li><a href="{{URL::to('lang/en')}}"><img src="/img/flags/en.png"></a></li> 
    </ul> 
</li> 

更新：

Answer 1

引导的.dropdown-menu类有一个min-width属性。用min-width: 0覆盖它，所以它将与标志图标的宽度相同。

<li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> 
     <img src="/img/flags/{{App::getLocale()}}.png" alt="Logo"></a> 
    </a> 
    <ul class="dropdown-menu" role="menu" style="min-width:0"> 
     <li><a href="{{URL::to('lang/hu')}}"><img src="/img/flags/hu.png"></a></li> 
     <li><a href="{{URL::to('lang/en')}}"><img src="/img/flags/en.png"></a></li> 
    </ul> 
</li> 

前瞻：

注意：如果你不想让身边的标记，它们的空间，编辑padding财产。