bootstrap 3：按鈕作爲下拉動作

Question

你能幫我把按鈕風格化看起來像一個標準的下拉鍊接嗎？

<div class="dropdown"> 
    <button class="btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">Dropdown <span class="caret"></span> 

    </button> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> 
     <li><a href="#">Dropdown Link</a> 
     </li> 
     <li> 
      <form> 
       <button class="btn btn-link">Dropdown Button</a> 
      </form> 
     </li> 
    </ul> 
</div> 

jsFiddle

Answer 1

添加到您的CSS：

.dropdown-menu form button { 
    border:0; 
    padding: 3px 20px; 
    color: #333; 
    width:100%; 
    text-align:left; 
} 
.dropdown-menu form button:hover { 
    color:black; 
    text-decoration:none; 
    background-color:#f5f5f5; 
} 

它看起來像一個標準的鏈接。