隐藏在引导滑块后面的Bootstrap导航栏下拉列表

Question

我使用bootstrap制作的下拉菜单隐藏在我制作的滑块后面。我希望它能在前面展示。

我尝试过使用：

<VirtualHost *:80>
  RewriteEngine on
  RewriteRule ^(.*)$ https://%{HTTP_HOST}$1 [R=301,L]

  ServerAdmin webmaster@localhost

  DocumentRoot /var/www
  <Directory />
     Options FollowSymLinks
     AllowOverride None
  </Directory>
  <Directory /var/www/>
    Options FollowSymLinks MultiViews
            DirectoryIndex index.html
    AllowOverride None
    Order allow,deny
    allow from all
  </Directory>

  ...
</VirtualHost>

根据类似问题在线发布的各种解决方案。我发现我试过的任何解决方案都没有成功。

我在这里有一个JSFiddle https://jsfiddle.net/8wq0ptrw/

Answer 1

您可以从display: none;和.navbar移除.collapse来查看。

我认为bootstrap提供了一个汉堡包菜单图标，您需要在其中单击它以删除这些元素上的display: none;并显示下拉菜单。

Answer 2

删除溢出：从导航栏类中隐藏。我希望这会对你有所帮助。

.nav-bar {
  list-style-type: none;
  margin: 0;
  padding: 0;

}