【问题标题】:why bootstrap navbar doesn't set 'active' class?为什么引导导航栏没有设置“活动”类?
【发布时间】:2015-11-23 06:56:39
【问题描述】:

当用户单击导航栏中的项目时,引导程序不会将“活动”类更新为单击的项目。

问题是为什么它没有在引导程序本身中实现?

我是 web dev 的新手,也是 bootstrap 的新手,很好奇他们的意图是什么。

【问题讨论】:

    标签: twitter-bootstrap navbar


    【解决方案1】:

    Bootstrap 支持navbars 的活动类。 CSS 是静态的,因为您必须自己手动将类应用到 HTML。所以每个 HTML 页面都需要在当前页面的链接中添加活动类。这可以使用 PHP 动态完成,但不能使用 CSS,因为它只是样式规则,而不是模板规则。

    【讨论】:

    • 感谢您的输入,但问题是为什么它没有在引导程序本身中实现
    • 是的。我提供的链接中使用了活动类
    • 在 Nav 中是的,但在 navbar 中不是 .. 混淆名称、nav 和 navbar..
    • 我仍然可以看到导航栏下的课程<li class="active"><a href="#">Link</a></li>
    • 当然不是。您如何期望您的 HTML 神奇地知道它所在的页面并生成 <li> active
    【解决方案2】:

    因为 Bootstrap 假定您将导航到一个新页面。当您导航到新页面时,对 dom 的任何 javascript 更新(以设置活动类)只会浪费时间,并且在用户点击后退按钮时可能会使用户感到困惑。

    【讨论】:

      猜你喜欢
      • 2017-12-17
      • 1970-01-01
      • 1970-01-01
      • 2013-04-18
      • 1970-01-01
      • 2014-04-19
      • 2015-12-25
      • 1970-01-01
      • 2017-12-23
      相关资源
      最近更新 更多