Columns
Columns.
Column with Colum image. Odit dolores id, litora odit voluptatibus pharetra qui in nobis et enim, urna quae nonummy adipiscing similique tellus provident, suspendisse tempore tellus quaerat accumsan cupiditate nascetur repudiandae ad condimentum, ad lorem, deserunt deleniti neque posuere risus? Irure placerat dolor, aliquid blandit dicta! Maxime. Cursus incididunt, conubia quaerat posuere, sit cum turpis.
Columns.
Column with icon. Curae magna nullam justo nec curabitur facilisi, est, incidunt! Odit dolores id, litora odit voluptatibus pharetra qui in nobis et enim, urna quae nonummy adipiscing similique tellus provident, suspendisse tempore..
Note that these columns have the class flex assigned to the column and flex-col to the content. This automatically applies margin-top: auto to the button-block, placing it at the bottom using flexbox rather than absolute positioning.
Columns.
Column with background image. Curae magna nullam justo nec curabitur facilisi, est, incidunt! Odit dolores id, litora odit voluptatibus pharetra qui in nobis et enim, urna quae nonummy adipiscing similique tellus provident, suspendisse tempore tellus quaerat accumsan cupiditate nascetur repudiandae ad condimentum, ad lorem, deserunt deleniti neque posuere risus? Irure placerat dolor, aliquid blandit dicta! Maxime. Cursus incididunt, conubia quaerat posuere, sit cum turpis.
Columns with column background image.
Curae magna nullam justo nec curabitur facilisi, est, incidunt! Odit dolores id, litora odit voluptatibus pharetra qui in nobis et enim, urna quae nonummy adipiscing similique tellus provident, suspendisse tempore tellus quaerat accumsan cupiditate nascetur repudiandae ad condimentum, ad lorem, deserunt deleniti neque posuere risus? Irure placerat dolor, aliquid blandit dicta! Maxime. Cursus incididunt, conubia quaerat posuere, sit cum turpis.
Columns.
This has col-span-2 applied. Curae magna nullam justo nec curabitur facilisi, est, incidunt! Odit dolores id, litora odit voluptatibus pharetra qui in nobis et enim, urna quae nonummy adipiscing similique tellus provident, suspendisse tempore tellus quaerat accumsan cupiditate nascetur repudiandae ad condimentum, ad lorem, deserunt deleniti neque posuere risus? Irure placerat dolor, aliquid blandit dicta! Maxime. Cursus incididunt, conubia quaerat posuere, sit cum turpis.
Columns.
Curae magna nullam justo nec curabitur facilisi, est, incidunt! Odit dolores id, litora odit voluptatibus pharetra qui in nobis et enim, urna quae nonummy adipiscing similique tellus provident, suspendisse tempore tellus quaerat accumsan cupiditate nascetur repudiandae ad condimentum, ad lorem, deserunt deleniti neque posuere risus? Irure placerat dolor, aliquid blandit dicta! Maxime. Cursus incididunt, conubia quaerat posuere, sit cum turpis.
Columns.
Curae magna nullam justo nec curabitur facilisi, est, incidunt! Odit dolores id, litora odit voluptatibus pharetra qui in nobis et enim, urna quae nonummy adipiscing similique tellus provident, suspendisse tempore tellus quaerat accumsan cupiditate nascetur repudiandae ad condimentum, ad lorem, deserunt deleniti neque posuere risus? Irure placerat dolor, aliquid blandit dicta! Maxime. Cursus incididunt, conubia quaerat posuere, sit cum turpis.
Columns.
Curae magna nullam justo nec curabitur facilisi, est, incidunt! Odit dolores id, litora odit voluptatibus pharetra qui in nobis et enim, urna quae nonummy adipiscing similique tellus provident, suspendisse tempore tellus quaerat accumsan cupiditate nascetur repudiandae ad condimentum, ad lorem, deserunt deleniti neque posuere risus? Irure placerat dolor, aliquid blandit dicta! Maxime. Cursus incididunt, conubia quaerat posuere, sit cum turpis.
With global col and column-content classes
Repudiandae porro animi alias donec convallis dictum vehicula.
These columns have global CSS classes added (boxed and pm) that apply to all the columns in the repeater so you can globally set these and then tweak on a per-column basis.
Repellendus sociis eu ante, ratione neque repellendus. Ullam autem temporibus pretium curae deleniti, aspernatur, exercitationem faucibus. Habitant, vel iusto ad.
Sagittis vitae dolores aliquid. Class nobis ante eligendi delectus fermentum vehicula reiciendis non purus? Architecto, quod! Veritatis diamlorem explicabo natus.
Repudiandae porro animi alias donec convallis dictum vehicula.
Nihil leo, culpa sapien, culpa incidunt magna, animi aliquet, atque tenetur molestias.
Repellendus sociis eu ante, ratione neque repellendus. Ullam autem temporibus pretium curae deleniti, aspernatur, exercitationem faucibus. Habitant, vel iusto ad.
Sagittis vitae dolores aliquid. Class nobis ante eligendi delectus fermentum vehicula reiciendis non purus? Architecto, quod! Veritatis diamlorem explicabo natus.
Repudiandae porro animi alias donec convallis dictum vehicula.
Nihil leo, culpa sapien, culpa incidunt magna, animi aliquet, atque tenetur molestias.
Repellendus sociis eu ante, ratione neque repellendus. Ullam autem temporibus pretium curae deleniti, aspernatur, exercitationem faucibus. Habitant, vel iusto ad.
Sagittis vitae dolores aliquid. Class nobis ante eligendi delectus fermentum vehicula reiciendis non purus? Architecto, quod! Veritatis diamlorem explicabo natus.
