Bootstrap Grid system

Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.

6 Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

4 Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

3 Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

2 Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum rhoncus nulla at vulputate. Sed cursus orci nec lacinia pulvinar. Mauris adipiscing pharetra quam, non pellentesque purus blandit vel. Integer vitae cursus leo, non venenatis sem. Morbi mattis fringilla tellus id tristique. Cras mattis tellus libero, eu aliquet.

Contact Us

Our office

San Francisco - California
+1 877-992-62626

Follow us

contact@nature.com

Join us

Newsletter

Signup to receive email update.