Bootstrap系列 -- 35. 按鈕的向下向上三角形

賀臣發表於2015-06-26

 

  按鈕的向下三角形,我們是通過在<button>標籤中新增一個“<span>”標籤元素,並且命名為“caret”.

<div class="btn-group dropup">
    <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">按鈕下拉選單<span class="caret"></span></button>
    <ul class="dropdown-menu">
        <li><a href="##">按鈕下拉選單項</a></li>
        <li><a href="##">按鈕下拉選單項</a></li>
        <li><a href="##">按鈕下拉選單項</a></li>
        <li><a href="##">按鈕下拉選單項</a></li>
    </ul>
</div>

 

相關文章