Butonlar

Butonlar HTML <a> bağlantı etiketi ve btn sınıfı kullanılarak yazılır. Farklı stil için btn-primary ve btn-outline sınıfları da mevcuttur.

Normal buton

<a href="#link" class="btn">Varsayılan buton</a>

<a href="#link" class="btn btn-primary">Birincil buton</a>

<a href="#link" class="btn btn-outline">Kenarlıklı buton</a>

<a href="#link" class="btn btn-outline btn-primary">Birincil kenarlıklı buton</a>

Aşağıda gösterildiği gibi buttons sınıfına sahip bir kapsayıcı kullanarak birden fazla butonu tek bir satırda gruplayabilirsiniz:

Buton Buton Buton

<div class="buttons">
  <a class="btn" href="#link">Buton</a>
  <a class="btn" href="#link">Buton</a>
  <a class="btn" href="#link">Buton</a>
</div>