?

'btn'：加按鈕樣式

btn-small btn-large:調(diào)整按鈕大小

btn-primary....:調(diào)整按鈕風(fēng)格

btn-group:聲明這是一個按鈕組

<span class='caret'></span>:上圖的三角形圖標(biāo)元素

按鈕、按鈕大小、按鈕風(fēng)格<br><div class=''><a class='btn' href='javascript:;'>常規(guī)按鈕</a><a class='btn btn-small' href='javascript:;'>小按鈕</a><a class='btn btn-large' href='javascript:;'>主要按鈕</a><a class='btn btn-primary' href='javascript:;'>primary</a><a class='btn btn-danger' href='javascript:;'>danger</a><a class='btn btn-warning' href='javascript:;'>warning</a><a class='btn btn-success' href='javascript:;'>success</a><a class='btn btn-info' href='javascript:;'>info</a><a class='btn btn-inverse' href='javascript:;'>inverse</a></div><br>按鈕組<br><div class='btn-group'><a class='btn ' href='javascript:;'>按鈕1</a><a class='btn ' href='javascript:;'>按鈕2</a><a class='btn ' href='javascript:;'>按鈕3</a></div>

下拉菜單：

<div class='btn-group'>

　　<a class='btn'>按鈕4</a>

　　<a class='btn dropdown-toggle' data-toggle='dropdown' href='javascript:;'>

　　　　<span class='caret'></span>

　　</a>

　　<ul class='dropdown-menu'>

　　　　<li><a href='javascript:;'>item1</a></li>

　　　　<li><a href='javascript:;'>item2</a></li>

　　　　<li><a href='javascript:;'>item3</a></li>

　　</ul>

</div>

?

轉(zhuǎn)載于:https://www.cnblogs.com/carolina/p/5623071.html

總結(jié)

以上是生活随笔為你收集整理的bootstrap:按钮，下拉菜单的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。