美文网首页我爱编程
自定义Bootstrap 3 & 4 Navbar高度

自定义Bootstrap 3 & 4 Navbar高度

作者: JCHN | 来源:发表于2018-03-20 23:25 被阅读275次

    给navbar加上min-heigh:

    .navbar {
        min-height: 0px;
      }
    

    并给 .navbar-brand和 .navbar-nav li a 设置合适的inline和padding的值如下所示:

      .navbar-brand,.navbar-nav li a {
        line-height: 30px;
        height: 30px;
        padding-top: 0;
    }
    


    更新与2018年3月31日:
    bootstrap 4就不用那么麻烦,直接加css就可以:
    nav {
        height:30px;
    }
    

    并给<nav>中的<a>加上合适的line-height

    nav a {
        line-height:30px;
    }

    相关文章

      网友评论

        本文标题:自定义Bootstrap 3 & 4 Navbar高度

        本文链接:https://www.haomeiwen.com/subject/jfwiqftx.html