问

如何在折叠时保持菜单高度较小的同时增加Bootstrap 3 Navbar高度

迷失在黑暗中的我_136 发布于 2023-02-11 10:48

我试图将顶部固定的Bootstrap 3导航栏的高度增加到80px,但是当菜单折叠时(即屏幕宽度小于768px),想要将原始最小高度保持在50px.

HTML:



Project
  
    
      
    
    
      
        Home
        Services
        Contact
        Support

我使用以下CSS并成功更改了导航栏高度,但折叠菜单高度仍为80px:

.navbar-fixed-top {
min-height: 80px;
}

@media (min-width: 768px) {
.navbar {
border-radius: 4px;
min-height: 50px;
 }
}

在此输入图像描述

撰写答案

今天，你开发时遇到什么问题呢？

热门标签