从Bootstrap 4中的nav-link元素中删除活动类
在Bootstrap 4中，nav-link是用于创建导航链接的元素。要从nav-link元素中删除活动类，可以使用以下方法：
- 在HTML中手动删除类名：在nav-link元素的class属性中删除"active"类。例如：
<a class="nav-link" href="#">Link</a>这样做将删除活动类，使链接在导航中不再显示为活动状态。
- 使用JavaScript动态删除类名：使用JavaScript选择导航链接的元素，并使用classList.remove方法删除活动类。例如：
<a id="myLink" class="nav-link active" href="#">Link</a>
<script>
document.getElementById("myLink").classList.remove("active");
</script>这将通过JavaScript动态删除活动类。
请注意，以上方法仅适用于Bootstrap 4中的nav-link元素。删除活动类后，导航链接将不再以活动状态显示。
关于Bootstrap 4和其它云计算相关的信息，可以参考腾讯云开发者中心提供的相关文档和资源：
- 腾讯云开发者中心：https://cloud.tencent.com/developer
- Bootstrap 4官方文档：https://getbootstrap.com/docs/4.0/getting-started/introduction/
- 腾讯云产品推荐：腾讯云服务器（https://cloud.tencent.com/product/cvm）和腾讯云云数据库（https://cloud.tencent.com/product/cdb）等。
请注意，以上提供的腾讯云产品仅作为示例，实际选择产品时应根据具体需求进行评估和选择。
相关·内容
当用户关闭选项卡时，我需要从nav-item中删除活动类。我尝试构建内含文本内容的选项卡。默认情况下，当用户打开页面时，应关闭选项卡。当用户单击选项卡打开它时，它应该将颜色更改为蓝色(因此在这里我可以使用活动类添加样式)，但当它关闭时，它应该将颜色更改为白色。最好的方法是从li中删除活动类，而我则停留在这里。该怎么做呢？不幸的是，当我单击选项卡来
浏览 28提问于2019-06-27得票数 1
非常新的HTML和JS与Bootstrap相结合。我使用Cyborg主题和我的HTML文件中的导航标签。我遇到的问题是，每当我点击一个标签时，我希望那个标签变成“活动”标签。但这不起作用，相反，我在HMTL中设置为活动的唯一选项卡是保持活动的选项卡。
选项卡会发生变化，因此我会显示正确的信息。就是这个小细节让我非常沮丧。有什么想法吗？/3.3.5
浏览 1提问于2018-03-19得票数 0
1回答
引导导航栏活动元素选项？
、、、、
在bootstrap 4中是否有突出显示活动元素的功能。
<a class="nav-link {{ Request::is('/') ?"active" : "" }}" href="#"&
浏览 3提问于2018-05-18得票数 0
我用Bootstrap Code做了一个导航栏...但是，即使在我的导航栏的li类中提到了'active‘状态，它在导航栏元素的网页上也没有显示任何'active’效果。实际上我正在尝试添加和删除导航栏Elements..But上的活动类我无法解决上述问题first...Can您请帮助我...？
/4.5.0/js/bootstrap.min.js
浏览 0提问于2020-07-05得票数 0
5回答
我想将活动菜单链接的颜色更改为绿色。我尝试了各种方法(查看developper模式，框架中应用了哪些规则)，但都不起作用。你能建议一下如何继续吗？我使用的是Bootstrap 4和mdbootstrap。; color: #0DB159;下面的方法有效，但前提是要从正文中删除nav引用的锚点标记
浏览 4提问于2018-09-21得票数 5
我想添加活动类到导航栏项目，我点击，在我的网站上。在我的JS代码中，它告诉程序要查看哪个类("nav-item")。然后，它告诉我的程序从当前的活动类中删除活动类，然后将活动类添加到单击的类中。我假设逻辑是正确的
浏览 3提问于2021-12-21得票数 0
1回答
我想在这个部分一开始就使类活动起来。如果没有活动部分，则删除活动类。找到这样一个，但有一个缺点。如果我处于非活动部分，活动类将与前一个活动部分保持不变。scroll-y:auto;.nav-link.active{}
<script src="https://cdn.jsdelivr.net/npm/
浏览 2提问于2021-02-12得票数 2
回答已采纳
DOCTYPE html><head> <meta charset="utf-8"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.
浏览 1提问于2018-03-21得票数 1
回答已采纳
1回答
我正在使用Bootstrap 4，我发现nav与我的列div重叠，我在这里可能做错了什么？<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.cssnavbar-collapse">
<ul class="navbar-nav&qu
浏览 1提问于2017-09-25得票数 1
回答已采纳
我正在构建一个网站，同时也试图不断地更改代码，这是一个简单的任务。为此，我将导航条包含在<a class="active"> (还使用了推荐的aria-current="page"属性)。现在，我的
浏览 5提问于2021-07-04得票数 0
我很好奇，在MVC3 Razor语法中，可以在一个ActionLink上使用多个CSS类吗？下面的代码行似乎只加载第一个类(Btn)和跳过btn_c。
浏览 2提问于2011-12-11得票数 4
回答已采纳
我正在尝试用React.js创建一个简单的NavBar。我发现自己遇到的问题是循环遍历所有的导航按钮，删除“活动的”className，然后添加“活动的”到被点击的按钮。我设法在单击的元素上创建了一个将"active“切换为true的状态，然后在className属性中执行If语句： className={this.state.active ?"nav-item
浏览 27提问于2019-06-23得票数 4
回答已采纳
4回答
我使用一个引导模板作为EJS中的一个部分，然后包含在所有使用它的页面中。是从他们的上拿出来的。="/accountdetails">Account Details</a> <li class="nav-item">
<a class="nav-link"</a&
浏览 10提问于2017-08-11得票数 0
回答已采纳
1回答
我已经尝试了几次，但似乎不能让我的活动类在Bootstrap导航栏(在Bootstrap 4中)上进行更改。当我点击一个新的菜单选项时，它开始改变为活动类，但立即改变回'home‘选项为活动状态。这是我的导航栏： <li class="nav-item
浏览 0提问于2018-03-10得票数 0
2回答
我正在使用的最新版本的引导和角，并采取了一个在线课程在角目前。<div *ngSwitchDefault>Otherwise</div>我得到的输出是
浏览 1提问于2020-10-29得票数 0
回答已采纳
2回答
<ul class="navbar-nav m-auto"> <a class="nav-link" href="#">Home</a> <li class="nav-item">
<a class=&qu
浏览 0提问于2018-04-22得票数 1
回答已采纳
5回答
我正在尝试显示边框线只是一侧的标签，如果它被点击或说，如果它是活动的。我可以显示它旁边的线条，但它不会改变。我的意思是，如果我点击其他标签，它不会显示在当前选择的标签旁边。我是这样做的：$(document).ready(function() { var content_id = $();
if($(this).hasClass(&#
浏览 30提问于2019-11-07得票数 0
1回答
我在引导4中有一个简单的导航栏。我似乎无法得到我的jQuery代码，甚至接近添加一个“活动”(类)到我点击的导航链接类。$(document).ready(function () { $('.nav-item').removeClassMenu 2</a>
浏览 0提问于2018-04-10得票数 0
回答已采纳
2回答
你好，我想把我菜单下的那条线居中，我用一个伪元素创建了这条线。background: #482683;}
<ul class="nav
浏览 2提问于2020-11-26得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
