# Buttons

### What is a button?

"Buttons" are defened as:

- `<button>` elements
- `<input>` elements with a type of `"input"`, `"submit"`, or `"reset"`.
- Any element with the `btn` class.

    <button>button</button>
    <input type="button" value="input" />
    <input type="submit" value="submit input" />
    <a href="#" class="btn">a.btn</a>

a.btn

### Button Colors

    <button>Default</button>
    <button class="primary">Primary</button>
    <button class="secondary">Secondary</button>
    <button class="success">Success</button>
    <button class="warning">Warning</button>
    <button class="danger">Danger</button>

### Button Groups

    <div class="btn-grp">
      <button>Default</button>
      <button>Default</button>
    </div>

### Button Sizes

    <button class="small">Small</button>
    <button>Normal</button>
    <button class="large">Large</button>

### No Styles

`no-style` makes the button look like the default button (no styles).

`no-btn` makes the button not look like a button (just text).

    <button class="no-style">no-style</button>
    <button class="no-btn">no-btn</button>