Démo 2 colonnes

contenu colonne 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id diam felis. Duis ac viverra erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis tellus ut massa euismod ultricies. Ut pulvinar ligula sit amet nisi pellentesque eu faucibus lacus viverra. Cras condimentum felis sit amet nibh vehicula lobortis. In a diam sed justo volutpat porttitor sit amet sed nulla. Sed auctor, est ac placerat elementum, lectus mauris tempus sapien, ac ultricies metus velit non ipsum. Curabitur vehicula dolor non ipsum varius laoreet. Cras iaculis mattis felis quis laoreet. Pellentesque ut ligula lacus, vitae porttitor ipsum. Suspendisse in libero magna. Curabitur ornare pulvinar dui, sit amet lacinia augue tempor in. Suspendisse ac iaculis eros. Etiam at felis massa, eget congue metus. Duis molestie sagittis metus, sit amet eleifend risus dignissim ornare.

contenu colonne 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id diam felis. Duis ac viverra erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis tellus ut massa euismod ultricies. Ut pulvinar ligula sit amet nisi pellentesque eu faucibus lacus viverra. Cras condimentum felis sit amet nibh vehicula lobortis. In a diam sed justo volutpat porttitor sit amet sed nulla. Sed auctor, est ac placerat elementum, lectus mauris tempus sapien, ac ultricies metus velit non ipsum. Curabitur vehicula dolor non ipsum varius laoreet. Cras iaculis mattis felis quis laoreet. Pellentesque ut ligula lacus, vitae porttitor ipsum. Suspendisse in libero magna. Curabitur ornare pulvinar dui, sit amet lacinia augue tempor in. Suspendisse ac iaculis eros. Etiam at felis massa, eget congue metus. Duis molestie sagittis metus, sit amet eleifend risus dignissim ornare.


Démo 3 colonnes avec différents breakpoints

.col-sm-12 .col-md-6 .col-lg-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id diam felis. Duis ac viverra erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis tellus ut massa euismod ultricies. Ut pulvinar ligula sit amet nisi pellentesque eu faucibus lacus viverra. Cras condimentum felis sit amet nibh vehicula lobortis. In a diam sed justo volutpat porttitor sit amet sed nulla. Sed auctor, est ac placerat elementum, lectus mauris tempus sapien, ac ultricies metus velit non ipsum. Curabitur vehicula dolor non ipsum varius laoreet. Cras iaculis mattis felis quis laoreet. Pellentesque ut ligula lacus, vitae porttitor ipsum. Suspendisse in libero magna. Curabitur ornare pulvinar dui, sit amet lacinia augue tempor in. Suspendisse ac iaculis eros. Etiam at felis massa, eget congue metus. Duis molestie sagittis metus, sit amet eleifend risus dignissim ornare.

.col-sm-6 .col-md-3 .col-lg-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id diam felis. Duis ac viverra erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis tellus ut massa euismod ultricies. Ut pulvinar ligula sit amet nisi pellentesque eu faucibus lacus viverra. Cras condimentum felis sit amet nibh vehicula lobortis. In a diam sed justo volutpat porttitor sit amet sed nulla. Sed auctor, est ac placerat elementum, lectus mauris tempus sapien, ac ultricies metus velit non ipsum. Curabitur vehicula dolor non ipsum varius laoreet. Cras iaculis mattis felis quis laoreet. Pellentesque ut ligula lacus, vitae porttitor ipsum. Suspendisse in libero magna. Curabitur ornare pulvinar dui, sit amet lacinia augue tempor in. Suspendisse ac iaculis eros. Etiam at felis massa, eget congue metus. Duis molestie sagittis metus, sit amet eleifend risus dignissim ornare.

.col-sm-6 .col-md-3 .col-lg-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id diam felis. Duis ac viverra erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis tellus ut massa euismod ultricies. Ut pulvinar ligula sit amet nisi pellentesque eu faucibus lacus viverra. Cras condimentum felis sit amet nibh vehicula lobortis. In a diam sed justo volutpat porttitor sit amet sed nulla. Sed auctor, est ac placerat elementum, lectus mauris tempus sapien, ac ultricies metus velit non ipsum. Curabitur vehicula dolor non ipsum varius laoreet. Cras iaculis mattis felis quis laoreet. Pellentesque ut ligula lacus, vitae porttitor ipsum. Suspendisse in libero magna. Curabitur ornare pulvinar dui, sit amet lacinia augue tempor in. Suspendisse ac iaculis eros. Etiam at felis massa, eget congue metus. Duis molestie sagittis metus, sit amet eleifend risus dignissim ornare.


Démo avec offset

.col-md-4
.col-md-4 .col-md-offset-4
.col-md-3 .col-md-offset-3
.col-md-3 .col-md-offset-3
.col-md-6 .col-md-offset-3

Démo de tableau responsive

# Column heading Column heading Column heading Column heading Column heading Column heading
1 Column content Column content Column content Column content Column content Column content
2 Column content Column content Column content Column content Column content Column content
3 Column content Column content Column content Column content Column content Column content
4 Column content Column content Column content Column content Column content Column content
5 Column content Column content Column content Column content Column content Column content
6 Column content Column content Column content Column content Column content Column content
7 Column content Column content Column content Column content Column content Column content
8 Column content Column content Column content Column content Column content Column content
9 Column content Column content Column content Column content Column content Column content