bootstrap樣式按鈕有哪些

bootstrap樣式按鈕有：1、「.btn」圓角灰色按鈕；2、「.btn-lg」大按鈕；3、「.btn-sm」小按鈕；4、「.btn- xs」超小按鈕；5、「.btn-block」區塊級按鈕；6、「.disabled」停用樣式按鈕等等。

本教學操作環境：Windows7系統、bootsrap3.3.7版、DELL G3電腦

bootstrap 按鈕樣式匯總

##.btn- danger表示一個危險動作的按鈕動作.btn-link讓按鈕看起來像個連結(仍然保留按鈕行為).btn-lg大按鈕#.btn-sm小按鈕.btn-xs超小按鈕#.btn-block區塊級按鈕(拉伸至父元素100%的寬度).active按鈕被點擊，按鈕在啟動時將呈現為被按壓的外觀（深色的背景、深色的邊框、陰影）。 .disabled停用按鈕，顏色會變淡 50%，並失去漸層。

#類別樣式	描述
	#### #####.btn######圓角灰色按鈕，為了讓按鈕不那麼尖銳，我們的按鈕都應該使用這個樣式來獲得圓角，然後再覆蓋上其他的特性。 ############.btn-default#######預設/標準按鈕，白色的按下灰色。 ############.btn-primary######原始按鈕樣式（未被操作），這個跟active相對應，他是一個按鈕沒被操作的樣式，而active是按鈕被點擊時顯示的對應的樣式。
.btn-success	表示成功的動作
.btn-info	該樣式可用來要彈出資訊的按鈕
.btn-warning	#表示需要謹慎操作的按鈕

基本的按鈕群組

<div class="btn-group">
    <button type="button" class="btn btn-default">按钮 1</button>
    <button type="button" class="btn btn-default">按钮 2</button>
    <button type="button" class="btn btn-default">按钮 3</button>
</div>

#按鈕的大小

<div class="btn-group btn-group-lg">
	<button type="button" class="btn btn-default">Button 1</button>
	<button type="button" class="btn btn-default">Button 2</button>
	<button type="button" class="btn btn-default">Button 3</button>
</div>
<div class="btn-group btn-group-sm">
	<button type="button" class="btn btn-default">Button 4</button>
	<button type="button" class="btn btn-default">Button 5</button>
	<button type="button" class="btn btn-default">Button 6</button>
</div>
<div class="btn-group btn-group-xs">
	<button type="button" class="btn btn-default">Button 7</button>
	<button type="button" class="btn btn-default">Button 8</button>
	<button type="button" class="btn btn-default">Button 9</button>
</div>

########################################################## ####更多關於bootstrap的相關知識，可在：###bootstrap基礎教學###！ ！ ###

以上是bootstrap樣式按鈕有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！