Bootstrap 4禁用链接[重复]

Posted 2023-03-06

【中文标题】Bootstrap 4禁用链接[重复]

【英文标题】：Bootstrap 4 Disable Link [duplicate]

【发布时间】：2018-10-06 09:36:36

【问题描述】：

我知道这是一个基本问题，但我真的很困惑，当使用引导程序和下面的示例时，链接应该仍然有效吗？并转到示例页面？

<div class="collapse navbar-collapse" id="NavbarCollapse">
     <ul class="navbar-nav ml-auto">
         <li class="nav-item">
              <a class="nav-link disabled" href="/example">Link 5</a>
         </li>
     </ul>
</div>

【问题讨论】：

无序列表是否用nav类修饰（即）？

是的，一切准备就绪，正在编辑中

disabled 是一种样式，它不会妨碍导航

@ZimSystem 但是由于是引导程序并且它可以与按钮一起使用，因此文档上的 an 位于“a”标签上，它不应该也可以工作吗？

链接不同于按钮。禁用导航使用***.com/a/4416239/171456

【参考方案1】：

“a”标签没有实现“disabled”类，所以它根本没有改变。这个类的目的是用于按钮和列表（据我所知）。

【讨论】：

在文档上，“禁用”是在导航栏上的“a”标签上实现的，所以我认为它应该做的不仅仅是样式，但是在按钮上它可以正常工作，但如果它实现了在导航栏上的“a”标签上，它也应该做一些事情，至少在我的脑海里。

你错了。在您的示例中，您应该将“禁用”从“a”标签移动到他的“li”。然后它将被正确渲染。创建此类是为了避免在按钮 html 标记中使用“禁用”作为属性，因为您受限于 javascript 功能，例如onclick 禁用按钮将不起作用。

【参考方案2】：

您正在使用禁用的类，这就是为什么，如果您将其关闭，链接将起作用

【讨论】：

这就是问题所在，链接仍然适用于“禁用”类，我怀疑“禁用”只是 css 美学，如果它不应该是我认为