首页 文章

如何在Angular 2中使导航栏大小恒定？

提问于
浏览 次
0

enter image description here
加载不同组件时，应用程序组件中导航栏的大小会不断变化 . 我想让这个不变 .

.navbar{
    min-height: 50px;
    background-color: #e8e8e8;
  }

  h3{
      padding-left: 43%
  }

**app.component.html**
    <nav class="navbar navbar-default">
    <h3>MY Heading</h3>
    <a class="active" href="#"><i class="fa fa-home"></i></a> 
     </nav>
<router-outlet></router-outlet>

在路由器更改基于组件加载导航栏调整其大小和“我的 Headers ”缩小大小，并显示在两个不同的行而不是一行 .

我尝试在Nav Class的Css中使用固定属性，但它没有用 . 我错过了什么？

html css twitter-bootstrap angular

1 回答

  • 0

    您应该将max-height样式设置为常量

    .navbar{
    max-height: 50px;
    background-color: #e8e8e8;
  }
    回复于

相关问题