这是我的导航栏。我是Bootstrap的新手，它使我发疯。我只需要一个简单的导航栏，它不会随着屏幕的变化而改变其高度，而是水平响应的。这似乎总是将导航栏高度更改为低于768px。
<nav class="navbar navbar-fixed-top navbar-default">
<div class="container-fluid">
<a href="{%url 'index'%}" class="navbar-left"><h5>blumury</h5></a>
<ul class="nav navbar-nav navbar-right" ">
<li><a href="{%url 'index'%}"><i class="material-icons" style="font-size: 16px;">home</i></a></li>
<li><a href="#"><i class="material-icons" style="font-size: 16px;">vibration</i></a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="material-icons" style="font-size: 16px;">settings <span class='caret'></i></a>
<ul class="dropdown-menu">
<li><a href="{%url 'profile_view' pk=request.user.id%}">Profile</a></li>
<li><a href="#">Write Block</a></li>
<li><a href="#">Series</a></li>
<li class="divider"></li>
<li><a href="{%url 'signout'%}">Logout</a></li>
</ul>
</li>
</ul>
</div>
</nav>
最佳答案
您应该修改CSS代码，而不是HTML代码，您只需要在上面显示HTML（涉及引导程序文件），通常可以在
<head>
<!-- This is a comment -->
</head>
因此，您试图在错误的代码/文件中找到解决方案，请尝试使用以下链接添加或更改CSS：https://www.w3schools.com/css/css_howto.asp
如果您还有其他问题，请告诉我！