Удалить отзывчивый Bootstrap 3 navbar и сохранить элементы inline

Question

У меня есть небольшая проблема с тем, как сохранить мой навигатор неподходящим. У меня всего 5 элементов в моем меню.

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

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

Вот скриншот и код для навигатора (я использую wordpress). Я использую LESS + Grunt для компиляции, поэтому, возможно, переменные находятся в файлах BootStrap LESS Twitter.

Два скриншоты (первый из большого экрана рендеринга - мое предпочтение -., А второй, показывающий текущий результат

Есть ли способ, чтобы сохранить внутренний стиль для этот навигатор (и не нарушает откликов остальных)?

<header class="banner navbar navbar-default navbar-fixed-top" role="banner"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <?php 
     if (has_nav_menu('primary_navigation')) : 
     wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'nav navbar-nav')); 
     endif;?> 
    </div> 
    </div> 
</header> 

Спасибо, заблаговременно!

Edit: Я думаю, проблема, кажется, исходит из этого PHP линии (которые стека элементов):

wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'nav navbar-nav')); 

Answer 1

Конечно, это не PHP кода, который складывает элементы, но вы нашли правильное место начать. Поскольку код присваивает назначенные классы для навигации элемента, удалите значение «нав Navbar-нав» или изменить его какое-либо другое имя класса, например, «нового-navclass»

wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'new-navclass'));

Затем измените свой стиль. css реплицирует меню встроенного стиля, которое вы предпочитаете.

Другой способ - написать код js для определения размера экрана и удалить классы «nav-stacked» из элементов меню.