Bootstrap导航栏在关闭时是透明的,打开时是彩色的

时间:2018-01-22 13:17:50

标签: bootstrap-4 navbar responsive

我正在为带有引导程序的主页创建一个导航栏。 桌面上导航栏的背景颜色为灰色。当我切换到移动设备时,会出现一个汉堡菜单,并通过点击下拉打开导航栏。

实际上,在移动设备上,带有菜单按钮的导航栏可用,但背景为灰色。当我使它透明时,它看起来很棒但是当我打开菜单时,下拉列表也是透明的。

如何在菜单关闭时使背景透明,在打开菜单时如何获得灰色?

如果需要,请输入很少的代码段:

<nav class="navbar header navbar-expand-lg navbar-neptun bg-neptun">
 <div class="container">
  <div class="row tablet_header" style="justify-content: center;">
    <div class="col-sm-8 col-md-12 col-lg-12 topNavigation">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed header_button" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
          &#9776;
        </button>
     </div>
   </div>
  </div>
 </div>
</nav>

problem

0 个答案:

没有答案