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財產。