There are several color attributes of bootstrap button

There are 7 button color attributes: 1. "btn-primary"; 2. "btn-info"; 3. "btn-success"; 4. "btn-warning"; 5. "btn- danger"; 6. "btn-inverse"; 7. "btn-default".

The operating environment of this tutorial: Windows7 system, bootsrap3.3.7 version, DELL G3 computer

There are 7 kinds of bootstrap button color attributes:

The classes listed below can be used in bootstrap to quickly create a button with predefined styles.

<!-- Standard button -->
<button type="button" class="btn btn-default">（默认样式）Default</button>

<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<button type="button" class="btn btn-primary">（首选项）Primary</button>

<!-- Indicates a successful or positive action -->
<button type="button" class="btn btn-success">（成功）Success</button>

<!-- Contextual button for informational alert messages -->
<button type="button" class="btn btn-info">（一般信息）Info</button>

<!-- Indicates caution should be taken with this action -->
<button type="button" class="btn btn-warning">（警告）Warning</button>

<!-- Indicates a dangerous or potentially negative action -->
<button type="button" class="btn btn-danger">（危险）Danger</button>

<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
<button type="button" class="btn btn-link">（链接）Link</button>

Recommended study: "bootstrap usage tutorial"

The above is the detailed content of There are several color attributes of bootstrap button. For more information, please follow other related articles on the PHP Chinese website!