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; 
} 

它看起来像一个标准的链接。