bootstrap按鈕怎麼設置

您可以通過以下方法在Bootstrap 中自定義按鈕：1. 使用不同的類來更改按鈕樣式；2. 使用類來更改按鈕大小；3. 使用.disabled 類來禁用按鈕；4. 在按鈕中添加圖標；5. 使用.btn-{color} 類來設置按鈕顏色。

如何在Bootstrap 中自定義按鈕

Bootstrap 提供了靈活的自定義選項，允許您輕鬆更改按鈕的外觀和行為。以下是如何在Bootstrap 中設置按鈕：

1. 更改按鈕樣式

您可以使用不同的類來設置不同的按鈕樣式，包括：

• .btn-default ：默認樣式
• .btn-primary ：藍色按鈕
• .btn-success ：綠色按鈕
• .btn-info ：藍色按鈕
• .btn-warning ：黃色按鈕
• .btn-danger ：紅色按鈕

2. 更改按鈕大小

您可以使用以下類來更改按鈕大小：

• .btn-lg ：大按鈕
• .btn-sm ：小按鈕
• .btn-xs ：超小按鈕

3. 禁用按鈕

要禁用按鈕，請使用.disabled類。禁用按鈕將呈現為灰色並無法點擊。

4. 添加按鈕圖標

您可以使用<i></i>元素在按鈕中添加圖標。將圖標類添加到<i></i>元素中，例如：

 <code class="html"><button class="btn btn-info"><i class="fa fa-pencil"></i> 编辑</button></code>

5. 設置按鈕顏色

您可以使用.btn-{color}類設置按鈕顏色，其中{color}可以是任何Bootstrap 支持的顏色。

示例：

 <code class="html"><button class="btn btn-lg btn-primary">提交</button> <button class="btn btn-danger btn-xs disabled">删除</button></code>

以上是bootstrap按鈕怎麼設置的詳細內容。更多資訊請關注PHP中文網其他相關文章！