Cara Membuat Gaya Tombol dengan www.w3schools.com

Rifaus.ID - Bootstrap menyediakan berbagai gaya tombol, seperti bawah ini.

       

Untuk mencapai gaya tombol di atas, Bootstrap memiliki kelas-kelas berikut:

• .btn
• .btn-default
• .btn-primary
• .btn-success
• .btn-info
• .btn-warning
• .btn-danger
• .btn-link

Contoh berikut menunjukkan kode untuk gaya tombol yang berbeda:

<button type="button" class="btn">Basic</button>
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>

Semoga bermanfaat!

Sumber : www.w3schools.com/