Buttons | GameForest - Online Magazine Template

### Default buttons

Button styles can be applied to anything with the `.btn` class applied. However, typically you'll want to apply these to only `<a>` and `<button>` elements for the best rendering.

Button | class="" | Description
--- | --- | ---
| `btn` | Standard gray button with gradient
| `btn btn-primary` | Provides extra visual weight and identifies the primary action in a set of buttons
| `btn btn-info` | Used as an alternative to the default styles
| `btn btn-success` | Indicates a successful or positive action
| `btn btn-warning` | Indicates caution should be taken with this action
| `btn btn-danger` | Indicates a dangerous or potentially negative action
| `btn btn-inverse` | Alternate dark gray button, not tied to a semantic action or use

### Button Groups

Wrap a series of buttons with `.btn` in `.btn-group`.

### Button dropdown menus

Button dropdowns work at any size: `.btn-large`, `.btn-small`, or `.btn-mini`.

### Button Sizes

Fancy larger or smaller buttons? Add `.btn-large`, `.btn-small`, or `.btn-mini` for additional sizes.

### BLock Level

Create block level buttons—those that span the full width of a parent— by adding `.btn-block`.

### Pagination

Links are customizable for different circumstances. Use `.disabled` for unclickable links and `.active` to indicate the current page.

- 1
- 2
- 3
- 4
- Next

### Breadcrumbs

A single example shown as it might be displayed across multiple pages.

Batman: Arkham Origins Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Vestibulum ligula metus Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Call of Duty: Ghost Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Vestibulum ligula metus Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Assassin's Creed 4 Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Vestibulum ligula metus Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Grand Theft Auto 5 Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Vestibulum ligula metus Fringilla vitae, vestibulum in magna. Ut dignissim placerat.

### Login

Email
Password

## Style Switcher

### Color Style