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