Hjælpeklasser er små ofte generiske klasser, der kan bruges på indhold.
| Klassenavn |
Funktion |
pull-right |
Højrejusterer et element med float: right.
<button class="btn pull-right">Højrejusteret knap</button>
|
pull-left |
Venstrejusterer et element med float: left.
<button class="btn pull-right">Venstejusteret knap</button>
|
clearfix |
Nulstiller et float: left|right.
<div class="clearfix">
<button class="btn pull-left">Venstejusteret knap</button>
</div>
|
no-border |
Tilføjer border: none; box-shadow: none til et element.
<div class="green no-border well">
Grøn boks uden kant
</div>
|
no-padding |
Tilføjer padding: 0 til et element.
<div class="white no-padding no-border well">
Hvis boks uden synlig kant og og ingen afstand til kant
</div>
|
clearfix |
Sikrer at elementer med indhold, der har float: left|right ikke flyder over andre elementer.
<div class="clearfix">
<div style="float:right">Hvis boks uden synlig kant og og ingen afstand til kant</div>
</div>
|
accessibility |
Viser tekst, der kun skal læses op i skærmlæsere.
<div>
20 <span class="accessibility">Ulæste beskeder</span>
</div>
|
| Klassenavn |
Funktion |
visible-phone |
Elementet er kun synligt på skærme, der er 767px og nedefter.
<p class="alert alert-info visible-phone">Denne besked kan kun ses på små skærme</p> Denne besked kan kun ses på små skærme
|
visible-tablet |
Elementet er kun synligt på skærme, der er mellem 767px 979px brede.
<p class="alert alert-info visible-tablet">Denne besked kan kun ses på mellem skærme</p> Denne besked kan kun ses på mellem skærme
|
visible-desktop |
Elementet er kun synligt på skærme, der er der er over 979px brede.
<p class="alert alert-info visible-desktop">Denne besked kan kun ses på store skærme</p> Denne besked kan kun ses på store skærme
|
hidden-phone |
Elementet er skjult på skærme, der er 767px og nedefter.
<p class="alert alert-info hidden-phone">Elementet kan ikke ses på små skærme</p> Elementet kan ikke ses på små skærme
|
hidden-tablet |
Elementet er skjult på skærme, der er mellem 767px 979px brede.
<p class="alert alert-info hidden-tablet">Elementet kan ikke ses på mellem skærme</p> Elementet kan ikke ses på mellem skærme
|
hidden-desktop |
Elementet er skjult på skærme, der er der er over 979px brede.
<p class="alert alert-info hidden-desktop">Elementet kan ikke ses på store skærme</p> Elementet kan ikke ses på store skærme
|
