Разный стиль в пунктах меню, когда меню свернуто

Question

У меня есть навигация-кнопка Bootstrap, которая сворачивается в кнопку, полностью по умолчанию.

В моем навигационном баре у меня есть куча изображений, а не текстовых ссылок. Когда бар рухнет, я бы хотел, чтобы эти снимки были меньше.

Есть ли способ уладить свой путь из этого?

Могу ли я дать ему другое меню для использования, когда оно рухнуло?

Пример кода (по умолчанию Bootstrap):

<nav class="navbar navbar-default" role="navigation"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#FlagMenu"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Select plant</a> 
     </div> 
     <div class="collapse navbar-collapse" id="FlagMenu"> 
      <ul class="nav navbar-nav"> 
       <li> 
        <img src="~/Content/imgs/Flag_Dansk.png" /> 
       </li> 
       <li> 
        <img src="~/Content/imgs/Flag_Tjekkisk.png" /> 
       </li> 
       <li> 
        <img src="~/Content/imgs/Flag_Mexikansk.png" /> 
       </li> 
       <li> 
        <img src="~/Content/imgs/Flag_Ungarsk.png" /> 
       </li> 
       <li> 
        <img src="~/Content/imgs/Flag_China.png" /> 
       </li> 
      </ul> 

     </div> 
    </div> 
</nav> 

Answer 1

Вы можете перезаписать части медиазапросов стилей начальной загрузки, добавив свой собственный класс HTML-структуру, в которой вы определяете стили (ширину, высоту и т.д.) для изображения.