ブートストラップ：画像と同じ幅でドロップダウン

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プロパティを編集します。