Question

编辑＃1：在我给出我的身高89px的定义后，我的手机菜单似乎落后于我的内容。

我的导航栏移动版存在问题。导航栏不像徽标那么高，所以当我点击它时，我的“主页”菜单项不会显示，除非我将鼠标悬停在它上面。

以下是这两个问题的图片：

这是我的HTML：

<nav class="navbar navbar-default navbar-static-top">
    <div class="container-fluid">
        <div class="row">
            <div class="navbar-header">
              <a class="navbar-brand " style="margin-top: -15px; float: left;" href="#">
                <img alt="Brand" class="pull-left" style="margin-left: -15px;" src="Images/logo-resized.png">
              </a>
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
                <span class="icon-bar"></span>
            </button>
            </div>
            <div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="nav navbar-nav">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Internet</a></li>
                    <li><a href="#">Phone</a></li>
                    <li><a href="#">Android TV</a></li>
                    <li><a href="#">Shaw Direct</a></li>
                    <li><a href="#">Contact Us</a></li>
                </ul>
            </div> 
        </div> 
    </div>
</nav>

这是我的CSS：

.navbar-default {
    background-color: #00AEFE;
}

.nav.navbar-nav li a{
    color: white;
    font-size: 18px;
    line-height: 50px;
}
.col-xs-0 {
    display: none;
}
nav {
    height: 89px;
}

Answer 1

在bootstrap navbar-brand中有一些填充，height的{{1}}也应由<img>之类的其他css控制。

虽然如果我们能看到你的直播HTML，那就太好了。

<强> EDITED

使用此CSS可以提供比图像高度更长的高度，例如100px或更高

navbar-brand img {height:40px}

或如果您不想更改导航栏标题的高度，可以在导航栏切换按钮中添加一些填充，以便添加导航栏标题的高度：

@media (min-width: 768px) { .navbar-header { height: 100px; } }

Answer 2

<a class="navbar-brand " style="margin-top: -15px; float: left;height:auto" href="#">
            <img alt="Brand" class="pull-left" style="margin-left: -15px;" src="Images/logo-resized.png">
</a>

更改导航栏品牌类的高度

OR

   <style>
   .navbar-brand img {
     max-height: 40px;
     width: auto;
    }

   </style>

Mobile Navbar的问题

2 个答案: