javascript - 我的导航栏没有保持粘性

标签 javascript html css

<分区>


关闭 7 年前

我的导航栏不会保持固定 我试过 <nav class="fixed-nav-bar> 但事实并非如此。我也在 css 中尝试过,但无济于事。

<nav role="navigation" class="navbar navbar-default">
    <div class="navbar-header">
      <img src="http://www.ttx.com/Libraries/Main_Gallery/TTXLOGOr_4c_RSG.sflb.ashx" width="25%">
        </img>
        <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

    </div>
    <div id="navbarCollapse" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                    <li><a href="#">Instruction</a></li>
                    <li><a href="#">Support</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Logout</a></li>
                </ul>
    </div>
</nav>

最佳答案

如果您使用的是 Bootstrap,并且希望导航栏固定在顶部,则需要在开头添加 navbar-fixed-top 类。像这样:

<nav class="navbar navbar-default navbar-fixed-top">

我不认为“fixed-nav-bar”是真正的 Bootstrap 类。 Here are the Boostrap docs on fixed navbars .

关于javascript - 我的导航栏没有保持粘性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36266912/

上一篇:html - 无法对齐内联 block 图像和导航按钮

下一篇:javascript - 图像作为单选按钮

相关文章:

html - Div 样式在 Outlook 电子邮件中不起作用

css - 移动 - 小屏幕的媒体查询适用于大屏幕

javascript - 放大图像 (JavaScript)

javascript - 在 vue 方法中构造数组

javascript - style.visibility 和 style.display 的区别

html - 我怎样才能让 CSS-Transforms 工作

javascript - (修改)jQuery 幻灯片不工作

javascript - 如何过滤对象中特定键对应的值?

javascript - 如何通过 javascript 或 jQuery 更改一个元素在另一个元素中的位置?

javascript - 选择上传文件或输入自定义 URL - HTML 表单