Html 如何使菜单顶部和固定的SB管理员

我想做菜单顶部和固定的SB管理员

模板在这里

我试着跟随导航条

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

当我使用这个，有一个滚动条添加在页面底部

---

我是一名开发人员，但不是设计师，有什么最好的方法吗？

只需使用HTML的

位置

属性即可

---

取出内联

导航栏固定顶

。在自定义样式表中引用

.navbar

，并为其指定固定的位置

.navbar {
  position: fixed;
}

---

在SB Admin中，您拥有

navbar静态顶部

类，更改为

navbar固定顶部

，并解决您的问题！但是，您必须将

填充顶部

添加到

，因为

有自己的高度：

HTML

---

您的类navbar fixed top将仅在您为此包含所需的引导css时工作。更好地使用来自官方引导站点的CDN。请先确保这一点

如果您不使用引导，您可以简单地设置这些规则

 .navbar{
    min-height: 50px;
    margin-bottom: 20px;
  }
 .navbar-fixed-top {
    position: fixed;
    top:0;
    right: 0;
    left: 0;
    z-index: 1030;
 }
 body {
   padding-top: 70px;
 }

还有一个html

<metis-menu></metis-menu>
<div class="container-fluid" id="page-wrapper">
    <div class="ocular-en-ipad-o-superior" style="margin-bottom: 115px;"></div>
    <div ui-view=""></div>
</div>

---

如果对您有帮助，您可以接受任何答案！

 .navbar{
    min-height: 50px;
    margin-bottom: 20px;
  }
 .navbar-fixed-top {
    position: fixed;
    top:0;
    right: 0;
    left: 0;
    z-index: 1030;
 }
 body {
   padding-top: 70px;
 }

.navbar-default{
    position: fixed;
    width: 100%;
    margin: 0 0 405px 0;
}

  @media (min-width: 768px) {
    #page-wrapper {
      position: inherit;
      margin: 0 0 0 250px;
      padding: 70px 30px 30px 30px;
      border-left: 1px solid darken(@gray-lightest, 6.5%);
    }
    .ocular-en-ipad-o-superior {
      display: none;
    }
  }

<metis-menu></metis-menu>
<div class="container-fluid" id="page-wrapper">
    <div class="ocular-en-ipad-o-superior" style="margin-bottom: 115px;"></div>
    <div ui-view=""></div>
</div>