Question

我的HTML上有导航栏固定顶部导航。我正在使用此https://github.com/istvan-ujjmeszaros/bootstrap-autohidingnavbar来使导航“智能化”。

现在，我想在实际的<nav>之前放一个小navbar-fixed-top。但是当我将<nav>放在<navbar-fixed-top>之前时，它会显示在实际的navbar-fixed-top之后。

如何才能使其显示在navbar-fixed-top之前？

请帮忙。

Answer 1

有几种方法可以做到这一点，这里有一个选项：

<nav class="navbar" style="position:fixed; top:0px">
    <div class="test">lorem ipsm</div>
</nav>
<nav class="navbar navbar-default navbar-fixed-top" style="top:20px">

这是适用于你的小提琴的修复：

http://jsfiddle.net/sifriday/hfx24d8k/1/

在您的小提琴中，.navbar-fixed-top的位置为：fixed和top：0px将其置于屏幕顶部。所以首先你需要将它向下移动一点，以便为'lorem ipsm'留出空间，你可以使用内联样式'top：20px'。

接下来你需要移动lorem ispm了。目前身体上有60px填充，所以最简单的移动方法是让你的第二个导航也固定，并将其移动到主导航上方，内联样式为“position：fixed; top：0px”

或者，您可以从主体中移除填充，让浏览器将其放置在屏幕顶部。类.navbar应用position：relative，所以你需要通过在lorem ispm nav上设置position：static来覆盖它。

Answer 2

像这样的东西

 <nav style=" 
      position: fixed;
      width: 100%;
      top: 0%;
      background-color:red;">
        <div class="test">lorem ipsm</div>
 </nav>

小提琴 http://jsfiddle.net/hfx24d8k/4/

是否可以在Bootstrap Navbar Fixed Top之前<div>？</div>

2 个答案: