MediaWiki/Bootstrap/Button: Unterschied zwischen den Versionen
Aus Foxwiki
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 10: | Zeile 10: | ||
<button type="button" class="btn btn-light">Light</button> | <button type="button" class="btn btn-light">Light</button> | ||
<button type="button" class="btn btn-dark">Dark</button> | <button type="button" class="btn btn-dark">Dark</button> | ||
<button type="button" class="btn btn-link">Link</button> | |||
</syntaxhighlight> | |||
; bootstrap_button | |||
{{#bootstrap_button: Primary | color=primary}} | |||
{{#bootstrap_button: Secondary | color=secondary}} | |||
{{#bootstrap_button: danger | color=danger}} | |||
{{#bootstrap_button: warning | color=warning}} | |||
{{#bootstrap_button: info | color=info}} | |||
{{#bootstrap_button: light | color=light}} | |||
{{#bootstrap_button: dark | color=dark}} | |||
{{#bootstrap_button: link | color=link}} | |||
<button type="button" class="btn btn-secondary">Secondary</button> | |||
<button type="button" class="btn btn-success">Success</button> | |||
<button type="button" class="btn btn-danger">Danger</button> | |||
<button type="button" class="btn btn-warning">Warning</button> | |||
<button type="button" class="btn btn-info">Info</button> | |||
<button type="button" class="btn btn-light">Light</button> | |||
<button type="button" class="btn btn-dark">Dark</button> | |||
<button type="button" class="btn btn-link">Link</button> | <button type="button" class="btn btn-link">Link</button> | ||
{{#bootstrap_button: Chameleon | color=primary}} | {{#bootstrap_button: Chameleon | color=primary}} | ||
{{#bootstrap_button: alarm | color=danger}} | |||
{{#bootstrap_button: Medik | color=secondary | text=Medik Skin }} | {{#bootstrap_button: Medik | color=secondary | text=Medik Skin }} | ||
{{#bootstrap_button: Tweeki | color=info | text=Tweeki Skin }} | {{#bootstrap_button: Tweeki | color=info | text=Tweeki Skin }} | ||
; Code | ; Code | ||
Version vom 7. August 2026, 12:02 Uhr
Button
- Code
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>
- bootstrap_button
Primary Secondary danger warning info light dark link
<button type="button" class="btn btn-secondary">Secondary</button> <button type="button" class="btn btn-success">Success</button> <button type="button" class="btn btn-danger">Danger</button> <button type="button" class="btn btn-warning">Warning</button> <button type="button" class="btn btn-info">Info</button> <button type="button" class="btn btn-light">Light</button> <button type="button" class="btn btn-dark">Dark</button> <button type="button" class="btn btn-link">Link</button>
Chameleon alarm Medik Skin Tweeki Skin
- Code
{{#bootstrap_button: Chameleon | color=primary}}
{{#bootstrap_button: Medik | color=secondary | text=Medik Skin }}
{{#bootstrap_button: Tweeki | color=info | text=Tweeki Skin }}
