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

时间:2017-11-03 19:02:09

标签: html css twitter-bootstrap angular

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>

在路由器更改时,根据加载的组件导航栏调整其大小和&#34; My Heading&#34;缩小尺寸并显示在两条不同的行而不是一行。

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

1 个答案:

答案 0 :(得分:0)

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

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