导航栏DropDown项目默认情况下不能隐藏

我创建Bootstrap导航栏内有dropdown-item，但菜单本身无法默认隐藏。导航栏DropDown项目默认情况下不能隐藏

请看到的影像，点击之前（默认值）：

点击后：

我的代码：

<nav class="navbar navbar-expand-lg navbar-light bg-primary"> 
<div class="navbar-brand"> 
    <img src="img/logo.png" /> 
</div> 

<div class="collapse navbar-collapse"> 
    <div class="navbar-nav flexbox_basic-spaceAround border-yellow"> 


     <div class="nav-item dropdown"> 
      <a class="nav-link dropdown-toggle" 
       href="#" id="navbarDropdown" 
       role="button" 
       data-toggle="dropdown" 
       aria-haspopup="true" 
       aria-expanded="false"> 
       Stores 
      </a> 
      <div id="menu1" class="dropdown-menu" aria-labelledby="navbarDropdown"> 
       <a class="dropdown-item" href="#">Action</a> 
       <a class="dropdown-item" href="#">Another action</a> 
       <div class="dropdown-divider"></div> 
       <a class="dropdown-item" href="#">Something else here</a> 
      </div> 
     </div> 

     <div class="nav-item">Custom Order</div> 
     <div class="nav-item">Industry</div> 
     <div class="nav-item">Business</div> 

     <div class="nav-item"> 
      <button class="bg-primary"> 
       <span class="navbar-toggler-icon"></span> 
      </button> 
     </div> 
    </div> 
</div>

CSS（I”米使用Flexbox的CSS3）：

.flexbox_basic-spaceAround { 
    display: flex; 
    flex-direction: row; 
    flex-grow: 1; 
    justify-content: space-around; 
    align-items: center; 
} 

.flexbox_basic-spaceAround div { 
    display: flex; 
}

我使用的自举4-β-2 BTW ...

任何想法？

在此先感谢

来源

2017-11-04 anunixercoder

首先你应该给显示：无使用类名称下拉菜单中，点击后/上的菜单按钮的悬停给显示DIV：为下拉菜单DIV

块

来源

2017-11-04 04:59:07 rajashekar

导航栏DropDown项目默认情况下不能隐藏

回答

相关问题