引导程序中的下拉菜单

Question

我正在使用bootstrap创建我的第一个网站。

当我开始创建菜单时，我发现了不想要的效果。

让我们从一个我无法以任何方式删除的三角形开始：

HTML代码为：

<div class="navbar">
                <div class="navbar-inner">
                    <a class="brand" href="#">
                        <img src="img/logo.png" alt="Logo Impressive">
                    </a>
                    <ul class="nav">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Sliders</a></li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                Pages
                                <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="dLabel">
                                <li>Example</li>
                                <li>Example</li>
                                <li>Example</li>
                            </ul>
                        </li>
                        <li><a href="#">Features</a></li>
                        <li><a href="#">Shortcodes</a></li>
                        <li><a href="#">Why Me ?</a></li>
                    </ul>
                </div> <!-- end navbar-inner -->
            </div> <!-- end navbar -->

我在创建关闭的自动效果时发现了另一个问题。

对任何人来说绝对容易，但我对jquery的了解几乎不存在。 因此，如果有人可以帮我做下拉菜单，鼠标就会消失，这样可以节省很多时间。

我提前感谢所有帮助我的人，因为我在工作中没有帮助就被困住了

提前致谢

Answer 1

这是一个几乎相同的问题，其答案很多...... How to make twitter bootstrap menu dropdown on hover rather than click

希望这对选择使用Bootstrap有所帮助和赞誉。根据我的经验，你不会失望。

Answer 2

要移除三角形，请覆盖导航栏:before的{​​{1}}和:after伪选择器，如下所示..

dropdown-menu

使用以下命令激活鼠标悬停（悬停）下拉列表：

.navbar .nav>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu:after {
  content: none;
}

Bootply演示http://www.bootply.com/66576