Bootstrap components

Built in components for the most popular front-end framework with
examples and code snippets for every new component.

Alerts

Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don't show more than one at a time.

Badges

Documentation and examples for badges, our small count and labeling component. Badges scale to match the size of the immediate parent element by using relative font sizing and em units.

Examples
Primary Secondary Success Danger Warning Info Light Dark Purple
Pill badges
Primary Secondary Success Danger Warning Info Light Dark Purple
Social badges
Facebook Twitter Google Plus Youtube Linkedin Skype vk Twitch Steam Discord Dribbble Vimeo Pinterest Instagram Soundcloud Spotify Tumblr Reddit Paypal Wordpress Drupal Joomla Github Slack Windows Linux
Buttons

Buttons are used for actions, like in forms, while textual hyperlinks are used for destinations, or moving from one page to another.

Examples
Outline buttons
Icons
Button tags
Link
Sizes
Icon buttons
Rounded
Button with counts
Button groups
Cards

Display custom data like games, posts or videos with the card component what is a great way to make your website cleaner to read.

Card image cap
Card title

Do greatest at in learning steepest. Breakfast extremity suffering one who all otherwise suspected.

Read more
God of War
God of War

His vengeance against the Gods of Olympus years behind him, Kratos now lives as a man in the realm of Norse Gods and mon...

Cyberpunk 2077 Gameplay Walkthrough 50 Minutes Demo
4:32
Cyberpunk 2077 Gameplay Walkthrough 50 Minutes Demo

We take an in-depth look at some of the traditional, and outright insane, vehicl...

Columns

Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.

12 columns
Real sold my in call. Invitation on an advantages collecting. But event old above shy bed noisy. Had sister see wooded favour income has. Stuff rapid since do as hence. Too insisted ignorant procured remember are believed yet say finished.
8 columns
Oh he decisively impression attachment friendship so if everything. Whose her enjoy chief new young. Felicity if ye required likewise so doubtful.
4 columns
So unaffected partiality indulgence dispatched to of celebrated remarkably.
6 columns
Endeavor bachelor but add eat pleasure doubtful sociable. Age forming covered you entered the examine. Blessing scarcely confined her contempt wondered shy.
6 columns
Endeavor bachelor but add eat pleasure doubtful sociable. Age forming covered you entered the examine. Blessing scarcely confined her contempt wondered shy.
4 columns
Diverted as strictly exertion addition no disposal by stanhill. This call wife do so sigh no gate felt.
4 columns
Diverted as strictly exertion addition no disposal by stanhill. This call wife do so sigh no gate felt.
4 columns
Diverted as strictly exertion addition no disposal by stanhill. This call wife do so sigh no gate felt.
Forms

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.

We’ll never share your email with anyone else.
Must be 8-20 characters long.
Checkbox
Input Groups

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.

Example
.yakuthemes.com
https://yakuthemes.com/
Sizing
Large
Default
Small
Multiple addons
$ 0.00
Button addons
Icon addons
Popovers

Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site.

Example
Positions
Progress

Documentation and examples for using Gameforest custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.

Example
Backgrounds
Loaded
Sizes
Tables

Documentation and examples for opt-in styling of tables. Display custom data like users, posts etc in tables by choosing from several styles.

avatar username email role action
Nathan Drake nathan@drake.com author
Trevor trevor@gtav.com admin
Elizabeth elizabeth@gs.com member
avatar username email role action
Nathan Drake nathan@drake.com author
Trevor trevor@gtav.com admin
Elizabeth elizabeth@gs.com member
avatar username email role action
Nathan Drake nathan@drake.com author
Trevor trevor@gtav.com admin
Elizabeth elizabeth@gs.com member
avatar username email role action
Nathan Drake nathan@drake.com author
Trevor trevor@gtav.com admin
Elizabeth elizabeth@gs.com member
Tabs

Documentation and examples for how to use Gameforest’s included navigation components.

Tooltips

Documentation and examples for adding custom tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage.

Example
Forms