Button

Styles

Für eine Liste mit allen Klassen mit denen sich Buttons beeinflussen lassen, einmal in die Bootstrap4-Doku schauen.
.btn-primary .btn-secondary .btn-success .btn-info .btn-warning .btn-danger .btn-link

<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>
			  

Outline

.btn-outline-primary .btn-outline-secondary .btn-outline-secondary .btn-outline-success .btn-outline-info .btn-outline-warning .btn-outline-danger .btn-outline-white .btn-outline-gray .btn-outline-link

<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-white">
    White </a>

<a href="#" class="btn btn-outline-gray">
    Gray </a>

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

Disabled

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

Icon

<a href="#" class="btn btn-link btn--icon-right">
    <span>Icon</span>
        
<svg class="icon " viewBox="0 0 32 32">
	<use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#angle-right"></use>
</svg>

     </a>


<a href="#" class="btn btn-primary btn--icon-left">
    <span>Icon</span>
        
<svg class="icon " viewBox="0 0 32 32">
	<use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#angle-left"></use>
</svg>

     </a>

<a href="#" class="btn btn-primary btn--icon-right">
    <span>Icon</span>
        
<svg class="icon " viewBox="0 0 32 32">
	<use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#triangle"></use>
</svg>

     </a>

<a href="#" class="btn btn-primary btn--icon">
    
        
<svg class="icon " viewBox="0 0 32 32">
	<use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#angle-up"></use>
</svg>

     </a>
			  

Size

.btn-sm .btn-lg

<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>
			  

Tags

Alle möglichen HTML-Tags für Buttons

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

</input>

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

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