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/



Posting Komentar

Lebih baru Lebih lama

Formulir Kontak