引导导航折叠禁用

Question

我对引导程序很陌生。我正在尝试开发一个非常简约的网站，但我只有 3 个菜单项：我的图像徽标、一个链接和一个按钮。使用移动设备时我的菜单正在折叠，这不是必需的，因为所有三个项目都应该适合小屏幕。有人可以帮我了解如何禁用折叠但保持菜单响应吗？

这是我的代码：

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-  target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#"><img src="images/logo.png"/></a>
      </div>
      <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Kom igång</a></li>
        <li>
          <p class="navbar-btn">
            <a href="#" class="btn btn-primary btn-sm" style="background: #D9534F; border-color: #D9534F;"><strong>Kundinlogg</strong></a>
          </p>
        </li>
      </ul>
      </div><!--/.nav-collapse -->
    </div>
  </div>

非常感谢！

雅各布

Answer 1

--您应该必须从

中删除折叠

<button type="button" class="navbar-toggle" data-toggle="collapse" data-  target=".navbar-collapse">
<div class="collapse navbar-collapse">

或者你可以使用

.navbar-collapse, .navbar-collapse.collapse {
overflow: visible;}   
.navbar-toggle {
display: none;} 

--您也可以检查此答案将帮助您很好地禁用折叠并保持菜单响应 Prevent menu from collapsing in 768px display CSS media query