Question

我使用Bootstrap时有点新，我不希望我的菜单在鼠标悬停时显示/隐藏但是点击。

例如，我点击一个菜单，它会打开它的容器，当我点击（而非鼠标悬停）其他地方时，它会隐藏。

由于

编辑：

 <div class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
                <li style="width:0px;display:none;" id="smnl">
<div>
<span class='top-header'>
    <span class="header-nl">newsletter</span>
    <span class="header-offer">Offers</span>

</span>

</div></li>


<div style="display:none;">
  <span class="mymenu">
    <span class="sm-tabs-title">our products</span><p>Some text and a form</p>
    </span>
    <span class="mymenu">
    <span class="sm-tabs-title">our services</span><p>Some text and a form</p>
    </span>
<span class="mymenu">
<span class="sm-tabs-title">our contacts</span><p>Some text and a form</p>
   </span>
</span>
</div>

Answer 1

您是否可以包含代码的最低工作示例？它还有助于告诉我们您是使用Bootstrap 3.0.3（最新版本）还是Bootstrap 2.3.2（旧版本）。

由于我不确定你的问题到底是什么，我会给出一个更通用的解决方案。

Bootstrap的modal components提供精美的显示/隐藏点击功能，popovers也是如此。在这两种情况下，通过按下控制链接（通常是按钮）将单独的容器切换为可见/不可见。模态比流行音乐更重要。

navbar-collapse bootstrap显示/隐藏菜单问题

1 个答案: