GusCSS - Documentation des Boutons

Primary Button Secondary Button Success Button Danger Button Warning Button Info Button Light Button Dark Button

<button class="btn btn-primary">Primary Button</button>
<button class="btn btn-secondary">Secondary Button</button>
<button class="btn btn-success">Success Button</button>
<button class="btn btn-danger">Danger Button</button>
<button class="btn btn-warning">Warning Button</button>
<button class="btn btn-info">Info Button</button>
<button class="btn btn-light">Light Button</button>
<button class="btn btn-dark">Dark Button</button>

Small Primary Button Small Secondary Button Small Success Button Small Danger Button Small Warning Button Small Info Button Small Light Button Small Dark Button

<button class="btn btn-primary btn-sm">Small Primary Button</button>
<button class="btn btn-secondary btn-sm">Small Secondary Button</button>
<button class="btn btn-success btn-sm">Small Success Button</button>
<button class="btn btn-danger btn-sm">Small Danger Button</button>
<button class="btn btn-warning btn-sm">Small Warning Button</button>
<button class="btn btn-info btn-sm">Small Info Button</button>
<button class="btn btn-light btn-sm">Small Light Button</button>
<button class="btn btn-dark btn-sm">Small Dark Button</button>

Large Primary Button Large Secondary Button Large Success Button Large Danger Button Large Warning Button Large Info Button Large Light Button Large Dark Button

<button class="btn btn-primary btn-lg">Large Primary Button</button>
<button class="btn btn-secondary btn-lg">Large Secondary Button</button>
<button class="btn btn-success btn-lg">Large Success Button</button>
<button class="btn btn-danger btn-lg">Large Danger Button</button>
<button class="btn btn-warning btn-lg">Large Warning Button</button>
<button class="btn btn-info btn-lg">Large Info Button</button>
<button class="btn btn-light btn-lg">Large Light Button</button>
<button class="btn btn-dark btn-lg">Large Dark Button</button>

Disabled Primary Disabled Secondary Disabled Success Disabled Danger Disabled Warning Disabled Info Disabled Light Disabled Dark

<button class="btn btn-primary disabled">Disabled Primary</button>
<button class="btn btn-secondary disabled">Disabled Secondary</button>
<button class="btn btn-success disabled">Disabled Success</button>
<button class="btn btn-danger disabled">Disabled Danger</button>
<button class="btn btn-warning disabled">Disabled Warning</button>
<button class="btn btn-info disabled">Disabled Info</button>
<button class="btn btn-light disabled">Disabled Light</button>
<button class="btn btn-dark disabled">Disabled Dark</button>