This template has a base class btn
which sets basic styles like padding and content alignment. By default, btn
the control has a transparent border and background color, and doesn't have an explicit focus and hover style.
<button type="button" class="btn">Text</button>
Class btn
intended to be used in combination with variants of button templates, or to serve as the basis for your own custom styles.
If you use the btn
class itself, remember to at least define some explicit styling
All button styles look in this blogger template.
Button style
Template ini menyertakan beberapa varian tombol, masing-masing melayani tujuan semantiknya sendiri, dengan beberapa tambahan yang dilemparkan untuk kontrol lebih.
<button type="button" class="btn is-primary">Primary</button>
<button type="button" class="btn is-secondary">Secondary</button>
<button type="button" class="btn is-success">Success</button>
<button type="button" class="btn is-danger">Danger</button>
<button type="button" class="btn is-warning">Warning</button>
<button type="button" class="btn is-info">Info</button>
<button type="button" class="btn">Light</button>
Button style icon
Untuk tombol menggunakan icon, Anda dapat menambahkan beberapa kode icon di perpustakaan Bootsrap icons.
<button type="button" class="btn is-primary">
<i class="bi bi-box-arrow-down"></i>
Primary</button>