Welche Bootstrap-Button-Stile gibt es?

Schaltflächenstil im Bootstrap:

Standard-/Standardschaltfläche, weiß, wenn gedrückt, grau. Original-Schaltflächenstil (nicht betätigt), dies entspricht aktiv, es handelt sich um eine Schaltfläche, die nicht betätigt wurde „operated“ ist der Stil der Operation und „active“ ist der entsprechende Stil, der angezeigt wird, wenn auf die Schaltfläche geklickt wird. Zeigt erfolgreiche Aktion an

Klassenstil

类样式	描述
.btn	圆角灰色按钮，为了让按钮不那么尖锐，我们的按钮都应该使用这个样式来获得圆角，然后再覆盖上其他的特性。
.btn-default	默认/标准按钮，白色的按下灰色。
.btn-primary	原始按钮样式（未被操作），这个跟active相对应，他是一个按钮没被操作的样式，而active是按钮被点击时显示的相应的样式。
.btn-success	表示成功的动作
.btn-info	该样式可用于要弹出信息的按钮
.btn-warning	表示需要谨慎操作的按钮
.btn-danger	表示一个危险动作的按钮操作
.btn-link	让按钮看起来像个链接 (仍然保留按钮行为)
.btn-lg	大按钮
.btn-sm	小按钮
.btn-xs	超小按钮
.btn-block	块级按钮(拉伸至父元素100%的宽度)
.active	按钮被点击，按钮在激活时将呈现为被按压的外观（深色的背景、深色的边框、阴影）。
.disabled	禁用按钮，颜色会变淡 50%，并失去渐变。

Beschreibung

.btn

Abgerundete graue Schaltfläche, um das zu erstellen Schaltfläche Nicht so scharf, unsere Schaltflächen sollten alle diesen Stil verwenden, um abgerundete Ecken zu erhalten, und diese dann mit anderen Funktionen überlagern.

.btn-default

.btn-primary

.btn-success

.btn-info

Dieser Stil kann für Schaltflächen verwendet werden, die Informationen anzeigen möchten

.btn-warning

Schaltflächen, die eine sorgfältige Bedienung erfordern

. btn- hazard

Tastenbetätigung zeigt eine gefährliche Aktion an

.btn-link

Die Schaltfläche wie ein Link aussehen lassen (das Verhalten der Schaltfläche beibehalten)

.btn-lg

Große Schaltfläche

.btn-sm

Kleine Schaltfläche td>

. btn- xs

. btn-block

.active

Wenn auf die Schaltfläche geklickt wird, sieht die Schaltfläche gedrückt aus (dunkler Hintergrund, dunkler Rand, Schatten), wenn sie aktiviert ist.

.disabled

Schaltfläche deaktivieren, Die Farbe wird um 50 % heller und verliert ihren Farbverlauf.

Empfohlen: Bootstrap-Einführungs-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Bootstrap-Button-Stile gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!