logo

Boxes

Some variations of boxes components that will greatly simplify your work.

Stats with icons

You may use this component to display your impressive stats and achievements.

0
forks on GitHub
0
stars on GitHub
0kb
production weight
0kb
development weight

Small icons

Components

Dolores, dolore! Iusto veritatis nesciunt quaerat officia eveniet sunt eligendi. Nulla ducimus expedita, voluptas beatae, ipsum itaque.

Colors

Architecto tempora id, reprehenderit, aliquam corporis illum in eius vero rem qui reiciendis, dolorem nam iure totam.

Customization

Nemo, aliquid, alias! A quod doloremque minima porro sequi, facilis velit dolorum iusto assumenda, sed, nemo provident?

Premium

Voluptates, rerum, iusto sit, temporibus iure autem vel esse sapiente dolorum nostrum qui dignissimos officiis ea! Possimus.

Small icons

box icon

Layouts

This is the first example of boxes with Title, Content and a small image-icon. Icon is aligned left.

box icon

Colors

This is the second example of boxes with Title, Content and a small image-icon. Icon is aligned left.

box icon

Components

This is the third example of boxes with Title, Content and a small image-icon. Icon is aligned left.

box icon

Attention

This is the fourth example of boxes with Title, Content and a small image-icon. Icon is aligned left.

box icon

Most advanced

This is the fifth example of boxes with Title, Content and a small image-icon. Icon is aligned left.

box icon

Configs

This is the sixth example of boxes with Title, Content and a small image-icon. Icon is aligned left.

Large icons

Nested

This is the first example of boxes with Title, Content and a small font-awesome icon. All the content is aligned center.

Colors

This is the second example of boxes with Title, Content and a small font-awesome icon. All the content is aligned center.

Components

This is the third example of boxes with Title, Content and a small font-awesome icon. All the content is aligned center.

With buttons

Source

The Bootstrap source code download includes the precompiled CSS, JavaScript, and font assets, along with source Less, JavaScript, and documentation.

Download Bootstrap

Grunt

To install Grunt, you must first download and install node.js (which includes npm). npm stands for node packaged modules and is a way to manage development dependencies through node.js.

Download source

Template

Start with this basic HTML template, or modify these examples. We hope you'll customize our templates and examples, adapting them to suit your needs.

Download Sass

With images

box image

Layouts

Nothing but the basics: compiled CSS and JavaScript along with a container.

box image

Colors

Load the optional Bootstrap theme for a visually enhanced experience.

box image

Components

Multiple examples of grid layouts with all four tiers, nesting, and more.

box image

Headers

Build around the jumbotron with a navbar and some basic grid columns.