We are adding Bootstrap to our Intergalactic Site!

Hack for the World logo

Hello Galaxies!

Welcome to Hack for the World!

This is a Jumbotron-style component for calling extra attention to features

Buttons are easy to create! Each Bootstrap theme has a set of predefined button styles, which can be used

Responsive Columns will adjust column widths to screen size

The grid is inside a div with class = "container". Within the container, we have rows; within each row we have columns. Bootstrap uses a 12 column grid system. The widths are evenly divided by default, so that if we have 3 columns, each will be 4 wide. There are lots of ways to specify the width of a column, but the most common is to use the col-# classes, where # is the number of columns you want the column to span.

col
col
col
col
col-8
col-4

Here is an example of a table formatted with our chosen Bootstrap theme

Type Column heading Column heading Column heading
Active Column content Column content Column content
Default Column content Column content Column content
Primary Column content Column content Column content
Secondary Column content Column content Column content
Success Column content Column content Column content
Danger Column content Column content Column content
Warning Column content Column content Column content
Info Column content Column content Column content
Light Column content Column content Column content
Dark Column content Column content Column content