29.6. fejezet: Nyomógomb csoportok (Button Groups)

A Bootstrap 4 megengedi nyomógombok csoportjának létrehozását. (.btn-group) Ez pl. weblapok tetején vagy oldalán nagyon hasznos lehet. Alapvetően a gombok vízszintesen jelennek meg. Kódrészlet:
<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>

Érdemes kihasználni a gombok méretezhetőségét is a .btn-group-lg, továbbá a .btn-group-sm osztályokkal.  A lényeges sor mintája:
<div class="btn-group btn-group-lg">

Egyes weboldalakra függőlegesen is létre lehet hozni a nyomógombok csoportját .btn-group-vertical paraméterrel. Minta:
<div class="btn-group-vertical">
  <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>

További lehetőségek találhatók az alábbi címen:
https://www.w3schools.com/bootstrap4/bootstrap_button_groups.asp