Thank you for logging into The Square

Square Test Community Bootstrap Test Styles

Recent Clubs and Societies - Logos

Circle Michael

Bootstrap 2 column grid layout

Full 12 column grid

Half 6 column grid

Circle Michael

Panel with panel-primary class

Panel Content

Half 6 column grid

Panel with panel-success class

Panel Content

Bootstrap 2 column grid layout

.col-sm-6

.col-sm-4

.col-sm-8

.col-sm-3

.col-sm-9

Bootstrap 3 column grid layout

.col-md-4

.col-md-2

.col-md-8

.col-md-2

.col-md-3

.col-md-7

.col-md-2

Bootstrap Button Set

Left Middle Right

Bootstrap Buttons

Nice Bootstrap List

Pictures 25 Documents 145 Music 50 Videos 8

RESPONSIVE TABLE

Row	First Name	Last Name	Email	Biography
1	John	Carter	johncarter@mail.com	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui.
2	Peter	Parker	peterparker@mail.com	Vestibulum consectetur scelerisque lacus, ac fermentum lorem convallis sed. Nam odio tortor, dictum quis malesuada at, pellentesque.
3	John	Rambo	johnrambo@mail.com	Integer pulvinar leo id risus pellentesque vestibulum. Sed diam libero, sodales eget sapien vel, porttitor bibendum enim.

GRID ROW

Box 1

Box 2

Box 3

Box 4

Box 5

Box 6

Box 7

Box 8

Box 9

Box 10

Box 11

Box 12

Some examples Styles for You to Try

List item one
List item one
List item one

Modal Popup Window

FAQ Style Accordion

Lorem ipsum dolor text.... Lorem ipsum dolor text.... Lorem ipsum dolor text.... Lorem ipsum dolor text....

Glyphicon Icons

Envelope icon:

Envelope icon as a link:

Search icon:

Search icon on a button:

Search icon on a styled button:

Print icon:

Print icon on a styled link button: Print

Bootstrap Buttons

Link Button

Paragraph Styles

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.

Portraiture Styles

Warning Styles

Success! Indicates a successful or positive action.

Info! Indicates a neutral informative change or action.

Warning! Indicates a warning that might need attention.

Danger! Indicates a dangerous or potentially negative action.

Panel Styles

Panel with panel-default class

Panel Content

Panel with panel-primary class

Panel Content

Panel with panel-success class

Panel Content

Panel with panel-info class

Panel Content

Panel with panel-warning class

Panel Content

Panel with panel-danger class

Panel Content

Thank you for logging into The Square

Recent Clubs and Societies - Logos

Bootstrap 2 column grid layout

Full 12 column grid

Half 6 column grid

Half 6 column grid

Bootstrap 2 column grid layout

Bootstrap 3 column grid layout

Bootstrap Button Set

Bootstrap Buttons

Nice Bootstrap List

RESPONSIVE TABLE

GRID ROW

Some examples Styles for You to Try

Modal Popup Window

Modal Header

FAQ Style Accordion

Glyphicon Icons

Bootstrap Buttons

Paragraph Styles

Portraiture Styles

Warning Styles

Panel Styles