要禁用标签，我们可以从“ a”元素下的标签部分中删除属性：data-toggle =“ tab”。
此外，我们可以将.disabled类添加到父级列表项元素，以使其看起来在视觉上已禁用。 (例如列表项内的class =“ disabled”)
为了显示禁用标签的情况，首先，我们来看一个启用标签的示例。
这是无序列表部分，用于演示选项卡禁用，以进行直接比较：
考虑到上面的可切换选项卡的代码，以下是禁用一个选项卡，使一个选项卡在视觉上处于禁用状态，同时禁用一个选项卡并使其在视觉上处于禁用状态的示例：
例子：
GeeksforGeeks
Algo
Here you can find all sorts of Agorithms
with explanation and problems based on them!
输出： 
在禁用标签的代码中，我们没有更改第一个列表项(带有文本“ Algo”)(以显示启用标签的情况)，因此它既可以单击也可以切换，并且没有任何视觉障碍。
对于第二个列表项(带有文本“ DS”)，我们删除了“ data-toggle =“ tab” ”部分，因此此选项卡变为不可切换，如果尝试单击它，则什么也不会发生。
对于第三个列表项(带有文本“ Languages”)，我们将class .disabled (class =“ disabled”)添加到列表项中，以使其在视觉上变为禁用状态，即，当我们将光标悬停在其上方时，将显示禁用的图标。
但是，请注意，由于“ data-toggle =” tab” “ a ”中的“ part”仍然存在，因此该选项卡是可切换的，可以单击。
对于第四个列表项(带有文本“ Interview”)，我们在列表项内添加了禁用的类，并且还删除了“ data-toggle =“ tab” “部分。这使得该选项卡既不可切换/不可单击(当我们单击时)，也不能被视觉禁用。这是使其完全禁用的情况。