Grid

col 1
col 2
col 3
col 4
col 5
col 6
col 7
col 8
col 9
col 10
col 11
col 12

col-md-8
col-md-4

Items

Items Grid

Manhattan, NY

$80
02.05.2017
Jane Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis lobortis

Detail

Nashville, TN

$125
28.04.2017
Peter Browner

Proin at tortor eros. Phasellus porta nec elit non lacinia. Nam bibendum erat at leo faucibus vehicula. Ut laoreet porttitor risus, eget suscipit tellus tincidunt sit amet.

  • Start Date
  • Length
  • Bedrooms
Detail

Seattle, WA

$1,560
21.04.2017
Peak Agency

Nam eget ullamcorper massa. Morbi fringilla lectus nec lorem tristique gravida

Detail

Greeley, CO

$75,000
13.03.2017
Hills Estate

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis lobortis

  • Area
  • Bathrooms
  • Bedrooms
  • Garage
Detail

Items List

Manhattan, NY

$80
02.05.2017
Jane Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis lobortis

Detail

Nashville, TN

$125
28.04.2017
Peter Browner

Proin at tortor eros. Phasellus porta nec elit non lacinia. Nam bibendum erat at leo faucibus vehicula. Ut laoreet porttitor risus, eget suscipit tellus tincidunt sit amet.

  • Start Date
  • Length
  • Bedrooms
Detail

Buttons

Default

btn-primary btn-secondary btn-success btn-danger btn-warning btn-info btn-light

With .btn-rounded class

btn-primary btn-secondary btn-success btn-danger btn-warning btn-info btn-light

With .btn-framed class

btn-primary btn-secondary btn-success btn-danger btn-warning btn-info btn-light

With .text-caps class

btn-primary btn-secondary btn-success btn-danger btn-warning btn-info btn-light

With .small class

btn-primary btn-secondary btn-success btn-danger btn-warning btn-info btn-light

With .large class

btn-primary btn-secondary btn-success btn-danger btn-warning btn-info btn-light

Form



Using attribute data-enable-search="true"

Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a tempor tortor, ac imperdiet velit. Cras blandit neque eros, et consequat tortor maximus a. Nulla hendrerit tristique lectus, sed mattis lorem mattis eget. Morbi id diam est. Integer non condimentum est. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque in augue porttitor dolor rhoncus porttitor sit amet nec lacus. Aenean ut odio et mauris semper molestie et viverra ante. Fusce sit amet ullamcorper orci. Proin tellus mi, malesuada ac neque vel, tincidunt cursus mauris. Praesent ut nunc neque. Curabitur scelerisque eros quis odio dictum porta. Etiam est tortor, commodo a nisi a, sagittis sodales nisl. Mauris sed mauris sagittis, eleifend ipsum ac, accumsan urna.
Ut eleifend placerat pretium. Integer eros purus, malesuada sit amet justo vel, luctus elementum leo. Sed hendrerit suscipit enim, vitae laoreet justo mattis id. Etiam vel massa euismod, congue diam sit amet, rutrum sem. Fusce tempor, velit vitae aliquet varius, mi eros pulvinar lorem, et posuere diam dolor quis sem. Integer rutrum fringilla risus, eget hendrerit nunc finibus ac. Duis eu sapien quis lorem pharetra suscipit finibus commodo risus. Aenean eget felis vel mauris elementum laoreet ac nec neque. Aenean congue augue in leo vulputate pulvinar. Donec eget massa posuere, sagittis enim laoreet, commodo elit. Fusce vitae pretium justo. Donec fermentum tellus non tempus faucibus. Donec finibus, diam quis pretium tincidunt, elit sapien iaculis dolor, id laoreet nisl erat in ex. Aenean dictum eget sapien eu gravida. Nulla congue ex a quam dictum, at venenatis nisl elementum.
Maecenas mollis maximus dapibus. Nulla ex magna, malesuada non imperdiet sed, ultrices quis purus. Duis condimentum accumsan bibendum. In consequat lorem et nulla efficitur vulputate ut non ante. Pellentesque vel pulvinar lectus. Suspendisse gravida leo non mi porttitor consectetur. Suspendisse dapibus, lacus vel accumsan ultrices, lorem nisi scelerisque magna, vitae laoreet enim diam sed nisl. Ut ut augue facilisis, tristique nisi eget, aliquam metus. Integer porttitor facilisis metus eu hendrerit. Nam et nunc id risus fringilla volutpat et non metus. Integer in velit et erat dictum congue. Nam iaculis augue non ex tristique volutpat.

Pills

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a tempor tortor, ac imperdiet velit. Cras blandit neque eros, et consequat tortor maximus a. Nulla hendrerit tristique lectus, sed mattis lorem mattis eget. Morbi id diam est. Integer non condimentum est. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque in augue porttitor dolor rhoncus porttitor sit amet nec lacus. Aenean ut odio et mauris semper molestie et viverra ante. Fusce sit amet ullamcorper orci. Proin tellus mi, malesuada ac neque vel, tincidunt cursus mauris. Praesent ut nunc neque. Curabitur scelerisque eros quis odio dictum porta. Etiam est tortor, commodo a nisi a, sagittis sodales nisl. Mauris sed mauris sagittis, eleifend ipsum ac, accumsan urna.
Ut eleifend placerat pretium. Integer eros purus, malesuada sit amet justo vel, luctus elementum leo. Sed hendrerit suscipit enim, vitae laoreet justo mattis id. Etiam vel massa euismod, congue diam sit amet, rutrum sem. Fusce tempor, velit vitae aliquet varius, mi eros pulvinar lorem, et posuere diam dolor quis sem. Integer rutrum fringilla risus, eget hendrerit nunc finibus ac. Duis eu sapien quis lorem pharetra suscipit finibus commodo risus. Aenean eget felis vel mauris elementum laoreet ac nec neque. Aenean congue augue in leo vulputate pulvinar. Donec eget massa posuere, sagittis enim laoreet, commodo elit. Fusce vitae pretium justo. Donec fermentum tellus non tempus faucibus. Donec finibus, diam quis pretium tincidunt, elit sapien iaculis dolor, id laoreet nisl erat in ex. Aenean dictum eget sapien eu gravida. Nulla congue ex a quam dictum, at venenatis nisl elementum.
Maecenas mollis maximus dapibus. Nulla ex magna, malesuada non imperdiet sed, ultrices quis purus. Duis condimentum accumsan bibendum. In consequat lorem et nulla efficitur vulputate ut non ante. Pellentesque vel pulvinar lectus. Suspendisse gravida leo non mi porttitor consectetur. Suspendisse dapibus, lacus vel accumsan ultrices, lorem nisi scelerisque magna, vitae laoreet enim diam sed nisl. Ut ut augue facilisis, tristique nisi eget, aliquam metus. Integer porttitor facilisis metus eu hendrerit. Nam et nunc id risus fringilla volutpat et non metus. Integer in velit et erat dictum congue. Nam iaculis augue non ex tristique volutpat.

Simple Map

.box class

Content without .box class

Maecenas mollis maximus dapibus. Nulla ex magna, malesuada non imperdiet sed, ultrices quis purus. Duis condimentum accumsan bibendum

Content with .box class

Maecenas mollis maximus dapibus. Nulla ex magna, malesuada non imperdiet sed, ultrices quis purus. Duis condimentum accumsan bibendum