Question

尝试了一切使导航栏固定到引导程序的顶部，但没有任何作用。我已经尝试过position : relative和position : absolute了。任何帮助表示赞赏！

HTML：

    <section style="background-color: #E8E8EA">
    <nav class="navbar navbar-fixed-top" style="margin-top: 2vw; margin-right: 3vw; position: fixed;">
      <div class="container-fluid">
        <ul class="nav navbar-nav navbar-right">
            <li><a href="#" style="border-style: solid; border-width: 1px;"><span class="glyphicon glyphicon-search rt"></span>     Search</a></li>
            <li><a class="qt" href="#"><span class="strike"><span class="glyphicon glyphicon-minus"></span>      About Us</span></a></li>
            <li><a href="#"><span class="strike"><span class="glyphicon glyphicon-minus"></span>      Education</span></a></li>
            <li><a href="#"><span class="strike"><span class="glyphicon glyphicon-minus"></span>      Consumer Service</span></a></li>
            <li><a href="#"><span class="glyphicon glyphicon-menu-hamburger" style="border-radius: 50%; border-width: 1px; border-style: solid; padding: 5px; margin-top: -5px;"></span></a></li>
        </ul>
      </div>
    </nav>
</section>

CSS：

.nav.navbar-nav.navbar-right li a {
color: black;
background-color: transparent;
}

编辑：在页面中实现了这一页滚动：https://github.com/peachananr/onepage-scroll

Answer 1

navbar-fixed-top将完成这项工作（您的附加声明position: fixed;是多余的，应该删除）。例如，请参阅使用Bootstrap CSS实现所需功能的网页：www.alexanderbell.us。相应的逐字HTML：<nav class="navbar navbar-default navbar-fixed-top bg-grey-dark">（bg-grey-dark是自定义类设置背景，可以排除，因为它对定位无动于衷。）

单独注意：更好的做法是避免使用内嵌样式，如您的情况所示（即style="margin-top: 2vw; margin-right: 3vw; position: fixed;"＆gt;。而是扩展自定义CSS文件中的现有类.navbar-fixed-top，或<head>部分中包含的CSS。

希望这可能会有所帮助。

Answer 2

不太了解你的完整例子以及你想要实现的目标。

您的代码已在顶部修复。可能你放置导航栏的部分有一些你不会看到的css。

这是一个工作示例：

https://jsfiddle.net/L1eczuno/

HTML：

Model.initialize

CSS：

*Table.php

安德烈

Bootstrap：将导航栏固定在顶部

2 个答案: