Bootstrap中菜单栏使用dropdown和dropdown-menu,菜单栏中文字链接失效_data-bs-toggle="dropdown(2)

一、网安学习成长路线图

网安所有方向的技术点做的整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照上面的知识点去找对应的学习资源,保证自己学得较为全面。
在这里插入图片描述

二、网安视频合集

观看零基础学习视频,看视频学习是最快捷也是最有效果的方式,跟着视频中老师的思路,从基础到深入,还是很容易入门的。
在这里插入图片描述

三、精品网安学习书籍

当我学到一定基础,有自己的理解能力的时候,会去阅读一些前辈整理的书籍或者手写的笔记资料,这些笔记详细记载了他们对一些技术点的理解,这些理解是比较独到,可以学到不一样的思路。
在这里插入图片描述

四、网络安全源码合集+工具包

光学理论是没用的,要学会跟着一起敲,要动手实操,才能将自己的所学运用到实际当中去,这时候可以搞点实战案例来学习。
需要体系化学习资料的朋友,可以加我V获取:vip204888 (备注网络安全)

在这里插入图片描述

五、网络安全面试题

最后就是大家最关心的网络安全面试题板块
在这里插入图片描述在这里插入图片描述

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化资料的朋友,可以点击这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

g.prototype.toggle = function(d) {
var e = a(this);
if (!e.is(“.disabled, :disabled”)) {
var f = b(e),
g = f.hasClass(“open”);
if (c(), !g) {
“ontouchstart” in document.documentElement && !f.closest(“.navbar-nav”).length && a(document.createElement(“div”)).addClass(“dropdown-backdrop”).insertAfter(a(this)).on(“click”, c);
var h = {
relatedTarget: this
};
if (f.trigger(d = a.Event(“show.bs.dropdown”, h)), d.isDefaultPrevented()) return;
e.trigger(“focus”).attr(“aria-expanded”, “true”), f.toggleClass(“open”).trigger(a.Event(“shown.bs.dropdown”, h))
}
return !1
}
}


  

**举个例子:**
  




在结束之际,我想重申的是,学习并非如攀登险峻高峰,而是如滴水穿石般的持久累积。尤其当我们步入工作岗位之后,持之以恒的学习变得愈发不易,如同在茫茫大海中独自划舟,稍有松懈便可能被巨浪吞噬。然而,对于我们程序员而言,学习是生存之本,是我们在激烈市场竞争中立于不败之地的关键。一旦停止学习,我们便如同逆水行舟,不进则退,终将被时代的洪流所淘汰。因此,不断汲取新知识,不仅是对自己的提升,更是对自己的一份珍贵投资。让我们不断磨砺自己,与时代共同进步,书写属于我们的辉煌篇章。

需要完整版PDF学习资源

需要体系化学习资料的朋友,可以加我V获取:vip204888 (备注网络安全)

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化资料的朋友,可以点击这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

.dropdown-toggle类样式是Bootstrap框架中用于创建下拉菜单的触发元素的一种样式。它主要用于以下几个方面: 1. **视觉指示**:添加一个向下的箭头图标,提示用户该元素可以展开一个下拉菜单2. **交互行为**:通过JavaScript插件,实现点击触发元素时显示或隐藏下拉菜单的功能。 3. **样式调整**:确保触发元素与下拉菜单的样式一致,并且在不同设备上具有良好的响应性。 以下是一个简单的示例代码,展示如何使用.dropdown-toggle类样式: ```html <!DOCTYPE html> <html lang=&quot;en&quot;> <head> <meta charset=&quot;UTF-8&quot;> <meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;> <title>Dropdown Example</title> <link href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;> </head> <body> <div class=&quot;container mt-5&quot;> <div class=&quot;dropdown&quot;> <button class=&quot;btn btn-primary dropdown-toggle&quot; type=&quot;button&quot; id=&quot;dropdownMenuButton&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;> Dropdown button </button> <div class=&quot;dropdown-menu&quot; aria-labelledby=&quot;dropdownMenuButton&quot;> <a class=&quot;dropdown-item&quot; href=&quot;#&quot;>Action</a> <a class=&quot;dropdown-item&quot; href=&quot;#&quot;>Another action</a> <a class=&quot;dropdown-item&quot; href=&quot;#&quot;>Something else here</a> </div> </div> </div> <script src=&quot;https://code.jquery.com/jquery-3.5.1.slim.min.js&quot;></script> <script src=&quot;https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js&quot;></script> <script src=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js&quot;></script> </body> </html> ``` 在这个示例中,`.dropdown-toggle`类样式被应用到一个按钮元素上,使其成为一个下拉菜单的触发元素。当用户点击该按钮时,下拉菜单会显示或隐藏。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值