gpt4 book ai didi

css - Bootstrap Navigation 响应问题

转载 作者:行者123 更新时间:2023-11-28 03:51:25 27 4
gpt4 key购买 nike

这是我的导航 http://www.noor-azmi.com/element/nav.html

问题是当我最小化浏览器时,您可以看到导航在变为移动导航图标之前下降了

!( /image/L7kUV.jpg )

我不希望导航下降。

第二个问题是,当它成为移动导航时,我不想再在文本顶部使用绿色顶部边框。

!( /image/2KMOQ.jpg )

这是我的导航栏的 CSS

 .new-nav li a {
display: block;
padding: 0 80px;
padding-top: 20px;
border-top: 5px solid #89c765;
color: #b2b3b6;
}

我尝试使用此类更改移动导航的属性

.navbar-toggle a 但不改变。

请帮忙谢谢

最佳答案

问题 #1:改变这个:

.navbar li a {
padding:0 30px;
}

为此:

.navbar li a {
padding:0 24px;
}

问题 #2:添加此代码:

@media (max-width:767px){
.navbar a {
border:none;
}
}

关于css - Bootstrap Navigation 响应问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43704476/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com