如果再重来多少次，我都想要遇见你，即使我无法改变，即使会经历痛苦
如果你看到了《2021 Bootstrap 5 多屏幕自适应 纯新手上路发车(1)》文章之后，有幸看到了第二篇文章只能说明我，对就是我 屈服bootsrtap的菜单了。但兽人永不为奴
默认的移动端菜单是这样的，左边为loog，右边为收缩菜单——2021 Bootstrap 5 移动端菜单添加内容小技巧(2)
技巧一
右为菜单，左为logo，这个其实在官方的文档有提到过，只需要变化下载代码的位置即可
技巧二
在移动端菜单添加一个人信息的头像，切可以点击出现子菜单,是可以使用我们技巧一的方式在中间添加一个内容就可以了
假设我们访问pc端的时候就会发现，我们添加的内容会卡在中间
如果只要在移动端访问出现，PC端则不显示可以先 设置一个css属性为none
.fengrui-display-none{ display: none; }
在用css3的媒体查询屏幕小于760后显示内容
/* 分端适配 */ @media(max-width:760px) { .fengrui-display-none{ display: block; } }
此外想修改移动端伸缩菜单的样式，还在努力学习ing
案例下载
链接: https://pan.baidu.com/s/1xN2scAKiMbaZi7P-sY2t3g 提取码: usmm
声明：
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益，请发送邮件至：ceo@zunw.cn，我们将第一时间处理！
2.资源所需价格并非资源售卖价格，是收集、整理、编辑详情以及本站运营的适当补贴，并且本站不提供任何免费技术支持
3.所有资源仅限于参考和学习，版权归原作者所有，更多请阅读网站声明。
