Css 如何在Bootstrap4中创建具有sm md大小的固定项目位置的导航栏

我正在尝试获得一个导航栏，它保持sm和md列大小的比例。我想获得一个导航栏，就像在nm.org中一样，无论视口大小都具有固定的比例

我确实在不同的上下文中尝试了行-列显示和列扩展的不同选项，但是切换按钮一直跳到下一行。。。我想尽可能地依赖bt4类。有办法吗？

请试试这个

<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>

（函数（$）{
$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>=250）{
$（'nav'）.addClass（'navbar-fixed-top'）；
}否则{
$（'nav'）.removeClass（'navbar-fixed-top'）；
}
});
})（jQuery）；

感谢大家。我只是通过使用媒体查询在所有上下文中控制外观来实现这一目的。

Hi Shoaib，谢谢你的回答。我试过了，它不起作用，我想如果我们替换事件而不是滚动到调整大小-我的意思是文档调整大小的适当事件-它可以起作用。我会尝试让你知道。添加你的代码，这样我们就可以看到你的代码中有什么错误。