Buttons

Button extensions

On this page

Portal Button

.btn-portal - Flexbox for buttons with icons

html

<a href="#" class="btn btn-dark btn-portal">
Ring til 70 22 37 40
<i class="bi bi-arrow-right ms-1"></i>
</a>

Works with all Bootstrap variants:

html

<div class="d-flex gap-2 flex-wrap">
<button class="btn btn-primary btn-portal">
  Primary
  <i class="bi bi-arrow-right ms-1"></i>
</button>
<button class="btn btn-outline-dark btn-portal">
  Outline
  <i class="bi bi-envelope ms-1"></i>
</button>
</div>

Button Pairs

Ring til 70 22 37 40 Send os en mail

html

<div class="d-flex flex-wrap gap-3">
<a href="#" class="btn btn-dark btn-portal">
  Ring til 70 22 37 40
  <i class="bi bi-arrow-right ms-1"></i>
</a>
<a href="#" class="btn btn-outline-dark btn-portal">
  Send os en mail
  <i class="bi bi-envelope ms-1"></i>
</a>
</div>