<分区>
html - Bootstrap 4 不使用汉堡菜单，不折叠导航
使用这个 HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>app</title>
<meta name="description" content="todoApp">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
</head>
<body>
<div class="container-fluid">
<nav class="navbar navbar-toggleable-sm navbar-inverse bg-inverse fixed-top">
<a class="navbar-brand" href="#">App</a>
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="#" class="nav-link">
home
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
about
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
admin
</a>
</li>
</ul>
</nav>
</div>
</body>
</html>
当浏览器窗口宽度超过 760 像素时，导航菜单看起来不错:
但是当窗口宽度小于760px时，菜单会向下跳转:
无论窗口宽度如何，保持菜单不变的正确语法是什么？另外，我不想在窗口缩小时将菜单链接放在汉堡包按钮后面。
谢谢!
最佳答案
Bootstrap4 被设计为具有 flex 的移动优先。
开始时 flex-direction: column; 是打开的，但是当你超过 992px 时它变成了 flex-direction: row;
这就是您所追求的。
scss 文件在这里https://github.com/twbs/bootstrap/blob/v4-dev/scss/_navbar.scss第 127 到 181 行。
您可以尝试注释第 147 和 178 行并检查是否可行。
关于html - Bootstrap 4 不使用汉堡菜单，不折叠导航，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42014238/