【问题标题】:Bootstrap 3.0 navbar togglesBootstrap 3.0 导航栏切换
【发布时间】:2018-03-14 18:40:13
【问题描述】:

我正在使用 Bootstrap 3.0。在这我必须使用 2 导航栏切换我已经应用了一个条件,虽然它工作正常但这是一个漫长的过程,因为我必须为两个导航栏制作另一个 css 我的代码在下面。

对于导航栏 1,我已使用此代码

    <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>

    <div class="navbar-collapse collapse"></div>

第二个我用过

    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse2">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <div class="navbar-collapse2 collapse"></div>

任何人都知道这个的简短方法。

【问题讨论】:

  • 这已经是简短的方法了

标签: jquery html twitter-bootstrap responsive-design


【解决方案1】:

每个导航栏的 div 应包含以下 2 个类:
collapsenavbar-collapse

然后你可以添加你自己的类,比如navbar-collapse2

【讨论】:

  • 谢谢,我也使用了折叠,我的两个导航栏都在工作,但问题是我必须为 navbar-collapse2 制作另一个 css,它的过程很长,导致导航栏折叠太多。我问的是一个简短的过程,我不必制作很多 CSS 类。
猜你喜欢
  • 2020-04-07
  • 2018-01-22
  • 1970-01-01
  • 1970-01-01
  • 2018-10-07
  • 2015-01-06
  • 2017-11-16
  • 1970-01-01
  • 2016-12-23
相关资源
最近更新 更多