Отзывчивое меню (Bootstrap) - Кнопки inline

Question

У меня есть две кнопки справа от моего навигатора, в ответном меню кнопки расположены между собой.

Возможно ли сделать кнопки в линию, поэтому две кнопки расположены сверху в первой строке.

  <ul class="nav navbar-nav navbar-right"> 
       <li> 
        <p class="navbar-btn btn-space btn-top-space"> 
         <a href="https://url.com" target="_blank" title="Customer Payment Panel (CPP)" class="btn-sm btn-info"> 
          <span class="glyphicon glyphicon-user"></span> <strong>Customer Panel</strong> (CPP) 
         </a> 
        </p> 
       </li> 
       <li> 
        <p class="navbar-btn btn-top-space"> 
         <a href="https://url.com" target="_blank" title="Control Panel (Plesk)" class="btn-sm btn-success"> 
          <span class="glyphicon glyphicon-cog"></span> <strong>Control Panel</strong> (Plesk) 
         </a> 
        </p> 
       </li> 
      </ul> 

Answer 1

Вы можете попробовать, как это.

Вы должны добавить пользовательский стиль мультимедиа.

Css-

@media (max-width: 767px) { 
    .nav.top-nav li{ 
     display:inline-block; 
    } 
} 

Html -

<ul class="nav top-nav navbar-nav navbar-right"> 
    <li> 
     <p class="navbar-btn btn-space btn-top-space"> 
      <a href="https://url.com" target="_blank" title="Customer Payment Panel (CPP)" class="btn-sm btn-info"> 
       <span class="glyphicon glyphicon-user"></span> <strong>Customer Panel</strong> (CPP) 
      </a> 
     </p> 
    </li> 
    <li> 
     <p class="navbar-btn btn-top-space"> 
      <a href="https://url.com" target="_blank" title="Control Panel (Plesk)" class="btn-sm btn-success"> 
       <span class="glyphicon glyphicon-cog"></span> <strong>Control Panel</strong> (Plesk) 
      </a> 
     </p> 
    </li> 
</ul> 

Answer 2

использование это может помочь у

<ul class="nav navbar-nav navbar-right"> 
       <li> 
        <span class="navbar-btn btn-space btn-top-space"> 
         <a href="https://url.com" target="_blank" title="Customer Payment Panel (CPP)" class="btn-sm btn-info"> 
          <span class="glyphicon glyphicon-user"></span> <strong>Customer Panel</strong> (CPP) 
         </a> 
        </span> 
         <span class="navbar-btn btn-top-space"> 
         <a href="https://url.com" target="_blank" title="Control Panel (Plesk)" class="btn-sm btn-success"> 
          <span class="glyphicon glyphicon-cog"></span> <strong>Control Panel</strong> (Plesk) 
         </a> 
        </span> 
       </li> 
      </ul>