bootstrap中的下拉菜单

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和:after伪选择用于导航栏dropdown-menu这样..

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

激活在鼠标悬停（悬停）下拉使用完成：

ul.nav li.dropdown:hover ul.dropdown-menu{ 
    display: block;  
} 

Bootply demo http://www.bootply.com/66576