Columns
Boxs can be organized into Masonry-like columns with just CSS by wrapping them in .box-columns
. Boxs are ordered from top to bottom and left to right when wrapped in .box-columns
.
![Box image cap](../../../images/gallery/thumb/7.jpg)
Box title that wraps to a new line, but not in the large screens
This is a longer box with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Box title
This box has supporting text below as a natural lead-in to additional content.
Last updated 3 mins ago
![Box image cap](../../../images/gallery/thumb/8.jpg)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.
Box title
This box has supporting text below as a natural lead-in to additional content.
Last updated 3 mins ago
![box image](../../../images/gallery/thumb/9.jpg)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Box title
This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.
Last updated 3 mins ago
Group
Use box groups to render boxs as a single, attached element with equal width and height columns.
![box image cap](../../../images/gallery/thumb/1.jpg)
Box title
This is a wider box with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Last updated 3 mins ago
![box image cap](../../../images/gallery/thumb/2.jpg)
Box title
This box has supporting text below as a natural lead-in to additional content.
Last updated 3 mins ago
![box image cap](../../../images/gallery/thumb/3.jpg)
Box title
This is a wider box with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.
Last updated 3 mins ago
Deck
Need a set of equal width and height boxs that aren’t attached to one another? Use box decks.
![box image cap](../../../images/gallery/thumb/4.jpg)
Box title
This is a longer box with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Last updated 3 mins ago
![box image cap](../../../images/gallery/thumb/5.jpg)
Box title
This box has supporting text below as a natural lead-in to additional content.
Last updated 3 mins ago
![box image cap](../../../images/gallery/thumb/6.jpg)
Box title
This is a wider box with supporting text below as a natural lead-in to additional content. This box has even longer content than the first to show that equal height action.
Last updated 3 mins ago