Как создать панель навигации с фиксированными позициями элементов в sm-md размерах в Bootstrap4

Question

Я пытаюсь получить навигационную панель, которая сохраняет свои пропорции в столбцах sm и md. Я хочу получить навигационную панель, как в nm.org, с фиксированными пропорциями независимо от размера области просмотра.

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

Answer 1

Спасибо всем. Я просто добился цели, контролируя внешний вид во всех контекстах с помощью медиа-запросов.

Answer 2

Пожалуйста, попробуйте это

<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
    <a class="navbar-brand" href="#">YouLogo</a>
    <ul class="navbar-nav">
        <li class="nav-item">
            <a class="nav-link" href="#">Link</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">2nd Link</a>
        </li>
    </ul>
</nav>

<script>
    (function($){
        $(window).scroll(function(){
            var scroll = $(window).scrollTop();
            if (scroll >= 250){
                $('nav').addClass('navbar-fixed-top');
            }else{
                $('nav').removeClass('navbar-fixed-top');
            }
        });
    })(jQuery);
</script>