belajar bootstrap4, tutorial Bootstrap 4

Membuat Group Tombol (button group) di Bootstrap | Tutorial Bootstrap 4

Button group di Bootstrap 4 adalah sekumpulan button yang menempel satu sama lain dalam satu group. Dengan button group, kita bisa mengelompokkan tombol tombol sesuai kriterianya atau fungsinya.

Untuk membuat sebuah button group, cukup melingkupi element button dengan sebuah div dengan nama class btn-group

Contoh:

<div class="btn-group">
<button type="button" class="btn btn-primary">Apple</button>
<button type="button" class="btn btn-primary">Samsung</button>
<button type="button" class="btn btn-primary">Sony</button>
</div>

<div class="btn-group">
<button type="button" class="btn btn-primary">BMW</button>
<button type="button" class="btn btn-primary">Mercedes</button>
<button type="button" class="btn btn-primary">Volvo</button>
</div>

Hasilnya:



 



Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>