Trendy: Bootstrap Version Theme

A great freebie from ByPeople: fully featured CSS/HTML GUI set plus a ready-to-use Bootstrap theme (latest version), don't miss this deal ;)

Grid System

.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-8
.col-md-4
.col-md-4
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6

Comments and Collapsable

  • 64x64

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. lorem

    25 minutes ago
    • Reply
    • 1
    64x64

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

    12 minutes ago
    • Reply
    • 0
  • 64x64

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. lorem

    35 minutes ago
    • Reply
    • 0
  • 64x64

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, ipsam natus iure earum deleniti explicabo repudiandae dolorum molestiae sunt amet facere et dolorem temporibus nostrum eaque? Quidem, ratione sequi totam.

    39 minutes ago
    • Reply
    • 0
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Example body text

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This line of text is meant to be treated as fine print.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.

Emphasis classes

Fusce dapibus, tellus ac cursus commodo

Nullam id dolor id nibh ultricies vehicula

Etiam porta sem malesuada magna mollis

Donec ullamcorper nulla non metus auctor

Nullam id dolor id nibh ultricies vehicula ut

Duis mollis, est non commodo luctus, nisi

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Thumbnails

...

Thumbnail label

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, inventore, a iusto sunt amet quibusdam voluptatum quae harum. Neque, eius similique vel distinctio suscipit impedit rem mollitia fugit iusto nesciunt?

Button Button

...

Thumbnail label

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, vero, ab illum labore nesciunt qui quam esse accusamus iste corporis unde sapiente itaque quae quia eos eligendi aliquam quidem laborum!

Button Button

...

Thumbnail label

Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, error, pariatur, ipsa commodi magnam cupiditate impedit minus non aspernatur ex iste eius provident id quasi dolorum esse numquam earum voluptatibus!

Button Button

Buttons

Forms

Legend
A longer block of help text that breaks onto a new line and may extend beyond one line.

$

Navs

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit.

Pagination

Mini Carousel

Carousel

Indicators

Alerts

Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Oh snap! Change a few things up and try submitting again.
Well done! You fully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.

Labels

Default Primary primary Warning Danger Info

Progress bars

Basic

Contextual alternatives

Striped

Animated

Stacked

Containers

Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

List groups

Panels

Basic panel
Panel heading
Panel content
Panel content

Panel default

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content

Panel primary

Panel content

JS Components