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>