Button

Für eine Liste mit allen Klassen mit denen sich Buttons beeinflussen lassen, einmal in die Bootstrap4-Doku schauen.

<a href="#" class="btn btn-primary">
    Primary </a>

<a href="#" class="btn btn-secondary">
    Secondary </a>

<a href="#" class="btn btn-success">
    Success </a>

<a href="#" class="btn btn-info">
    Info </a>

<a href="#" class="btn btn-warning">
    Warning </a>

<a href="#" class="btn btn-danger">
    Danger </a>

<a href="#" class="btn btn-link">
    Link </a>
			  
<a href="#" class="btn btn-outline-primary">
    Primary </a>


<a href="#" class="btn btn-outline-secondary">
    Secondary </a>

<a href="#" class="btn btn-outline-success">
    Success </a>

<a href="#" class="btn btn-outline-info">
    Info </a>

<a href="#" class="btn btn-outline-warning">
    Warning </a>

<a href="#" class="btn btn-outline-danger">
    Danger </a>

<a href="#" class="btn btn-outline-link">
    Link </a>
			  
<button type="submit" class="btn btn-primary disabled">
  Button disabled </button>
			  
<a href="#" class="btn btn-link btn--icon-right">
    <span>Icon</span><i class="fa fa-chevron-right"></i> </a>


<a href="#" class="btn btn-primary btn--icon-left">
    <span>Icon</span><i class="fa fa-envelope"></i> </a>

<a href="#" class="btn btn-primary btn--icon">
    <span></span><i class="fa fa-chevron-up"></i> </a>
			  
<a href="#" class="btn btn-primary btn-sm">
    Small </a>


<a href="#" class="btn btn-primary">
    Base </a>

<a href="#" class="btn btn-primary btn-lg">
    Large </a>
			  

Alle möglichen HTML-Tags für Buttons

A Href
<input type="button" value="Input" class="btn btn-primary">


<button type="submit" class="btn btn-primary">
  Button </button>

<a href="#" class="btn btn-primary">
    A Href </a>