67 lines
3.4 KiB
HTML
67 lines
3.4 KiB
HTML
<h1 class="custom">Buttons</h1>
|
|
|
|
<h2 class="custom">Basics</h2>
|
|
|
|
<p>
|
|
<button type="button" class="btn btn-lg btn-default">Default</button>
|
|
<button type="button" class="btn btn-lg btn-primary">Primary</button>
|
|
<button type="button" class="btn btn-lg btn-secondary">Secondary</button>
|
|
<button type="button" class="btn btn-lg btn-success">Success</button>
|
|
<button type="button" class="btn btn-lg btn-info">Info</button>
|
|
<button type="button" class="btn btn-lg btn-warning">Warning</button>
|
|
<button type="button" class="btn btn-lg btn-danger">Danger</button>
|
|
<button type="button" class="btn btn-lg btn-link">Link</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button type="button" class="btn btn-default"><i class="material-icons">add_circle</i>Default</button>
|
|
<button type="button" class="btn btn-primary"><i class="material-icons">add_circle</i>Primary</button>
|
|
<button type="button" class="btn btn-secondary"><i class="material-icons">add_circle</i>Secondary</button>
|
|
<button type="button" class="btn btn-success"><i class="material-icons">add_circle</i>Success</button>
|
|
<button type="button" class="btn btn-info"><i class="material-icons">add_circle</i>Info</button>
|
|
<button type="button" class="btn btn-warning"><i class="material-icons">add_circle</i>Warning</button>
|
|
<button type="button" class="btn btn-danger"><i class="material-icons">add_circle</i>Danger</button>
|
|
<button type="button" class="btn btn-link"><i class="material-icons">add_circle</i>Link</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button type="button" class="btn btn-default">Default</button>
|
|
<button type="button" class="btn btn-primary">Primary</button>
|
|
<button type="button" class="btn btn-secondary">Secondary</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>
|
|
</p>
|
|
|
|
<p>
|
|
<button type="button" class="btn btn-sm btn-default">Default</button>
|
|
<button type="button" class="btn btn-sm btn-primary">Primary</button>
|
|
<button type="button" class="btn btn-sm btn-secondary">Secondary</button>
|
|
<button type="button" class="btn btn-sm btn-success">Success</button>
|
|
<button type="button" class="btn btn-sm btn-info">Info</button>
|
|
<button type="button" class="btn btn-sm btn-warning">Warning</button>
|
|
<button type="button" class="btn btn-sm btn-danger">Danger</button>
|
|
<button type="button" class="btn btn-sm btn-link">Link</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button type="button" class="btn btn-xs btn-default">Default</button>
|
|
<button type="button" class="btn btn-xs btn-primary">Primary</button>
|
|
<button type="button" class="btn btn-xs btn-secondary">Secondary</button>
|
|
<button type="button" class="btn btn-xs btn-success">Success</button>
|
|
<button type="button" class="btn btn-xs btn-info">Info</button>
|
|
<button type="button" class="btn btn-xs btn-warning">Warning</button>
|
|
<button type="button" class="btn btn-xs btn-danger">Danger</button>
|
|
<button type="button" class="btn btn-xs btn-link">Link</button>
|
|
</p>
|
|
|
|
<h2 class="custom">Button groups</h2>
|
|
|
|
<div class="btn-group" role="group" aria-label="...">
|
|
<button type="button" class="btn btn-default">Left</button>
|
|
<button type="button" class="btn btn-default">Middle</button>
|
|
<button type="button" class="btn btn-default">Right</button>
|
|
</div>
|