相关疑难解决方法(0)
Bootstrap 4 - 全屏移动导航栏
我试图弄清楚如何在移动设备尺寸上创建全屏菜单（导航栏），我的意思是，当您按下“汉堡菜单”时，导航栏（带有项目）应该占据所有视口。
我只是写了这个就实现了：
#navbarText{
height: 100vh;
}
但引导动画并不像默认动画那样平滑，正如您在此处看到的那样（通常动画会逐渐增加 div 大小，当您关闭它时反之亦然）：
这里是代码：
#navbarText{
height: 100vh;
}
/*---Standar Hamburger Menu (3 separate elements)---*/
.navbar-toggler {
border: none;
background: transparent !important;
}
.navbar-toggler:hover {
background: transparent !important;
}
.navbar-toggler .icon-bar {
height: 2px;
width: 22px;
border-radius: 1px;
display: block;
background-color: #B6B6B6;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.navbar-toggler .icon-bar+.icon-bar {
margin-top: 4px;
}
/*---Animation menu (create X)---*/
.navbar-toggler.x .icon-bar:nth-of-type(1) {
-webkit-transform: translateX(3px) rotate(45deg);
/* Safari 3-8 & Chrome 4-35 & Opera 15-22 */ …5
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数