Buttons

Über die Nutzung via HTML-Anweisungen können Buttons aus dem Bootstrap-Framework verwendet werden.
Buttons können dazu verwendet werden um im Rahmen von Aktionen oder Kampagnen besonders deutlich auf Links hinzuweisen.
Auch für Formulare können Buttons unter Umständen sinnvoll sein.

Beispiele mit <a>

Default Primary Success Info Warning Danger Link

Code

<a role="button" href="#" class="btn btn-default">Default</a>
<a role="button" href="#"  class="btn btn-primary">Primary</a>
<a role="button" href="#"  class="btn btn-success">Success</a>
<a role="button" href="#"  class="btn btn-info">Info</a>
<a role="button" href="#"  class="btn btn-warning">Warning</a>
<a role="button" href="#"  class="btn btn-danger">Danger</a>
<a role="button" href="#"  class="btn btn-link">Link</a>

Beispiele mit <button>

Code

<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>

Die Buttons sind ohne weitere Maßnahmen, wie einer Verlinkung etc. nicht „funktionstätig“.

Mehr Beispiele auf der Dokumentation von Bootstrap 3.3 zu Buttons