Image Alignment
Integer at enim cursus massa malesuada tempus. Praesent congue molestie tristique. Nullam tortor leo, tristique ac tempus eget, vestibulum nec ante. Mauris rhoncus aliquet lectus, lobortis fringilla tortor placerat.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec nisl massa, fermentum vitae tempor ut, dictum lacinia purus. Suspendisse eleifend, ante at auctor tempor, sem libero imperdiet urna, vel semper est ligula semper enim.
Nam sodales erat ornare erat iaculis commodo. Nunc sagittis, velit ut porta imperdiet, felis tortor sollicitudin risus, ac euismod metus neque non dolor. Cras scelerisque, dui sit amet molestie semper, massa neque volutpat magna, porta mattis sapien lorem sed elit. Vivamus dapibus semper justo, aliquet venenatis magna mattis sit amet. Suspendisse fringilla pellentesque bibendum. Cras scelerisque nisi et lectus facilisis varius. Mauris sodales interdum fringilla. Curabitur ultricies lacus in elit imperdiet id tincidunt eros fringilla. Aenean varius, mi in malesuada congue, odio arcu placerat dui, non tristique purus tellus quis justo. Donec non eros ipsum, vel suscipit enim.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris purus nunc, scelerisque id accumsan ac, blandit eu orci. Aenean nec porttitor eros.
Curabitur vitae dolor justo, sed aliquet ligula. Vivamus sapien nibh, aliquam vel condimentum at, convallis ac nulla. In nec quam sit amet erat iaculis cursus. Morbi porta, urna at euismod placerat, nibh mauris tincidunt erat, quis lobortis leo augue ac erat. Duis nec purus laoreet, ornare magna sit amet, vehicula lectus. Nullam laoreet turpis ac ornare tincidunt. Sed sed malesuada est, eget sollicitudin purus. Suspendisse felis nibh, dignissim convallis est quis, sagittis pulvinar metus. Pellentesque ac felis posuere, tincidunt augue consequat, dignissim turpis.
Add the following option classes to an image element if you want to cancel "floating" for screens with specified maximum width:
- adapted-max-767px
- adapted-max-959px
Add "scale-with-grid" class to an image element to prevent the value of its width from becoming larger than the width of the containing block (wrapper).
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec nisl massa, fermentum vitae tempor ut, dictum lacinia purus. Suspendisse eleifend, ante at auctor tempor, sem libero imperdiet urna, vel semper est ligula semper enim.
Nam ultrices vitae nisi consectetur sagittis. In purus dolor, sagittis sit amet egestas nec, tempus ac lacus. Etiam vel cursus nulla, sed elementum felis. Vivamus dictum, massa vitae tempor tincidunt, justo orci posuere purus, suscipit ullamcorper ligula massa placerat nibh. Aliquam tincidunt pulvinar egestas. In hac habitasse platea dictumst. Mauris a dui feugiat, ullamcorper erat vel, accumsan nisi. Curabitur a quam in metus tincidunt cursus. Ut vel commodo magna, vel fermentum justo. Suspendisse consequat tempor nisl vel dignissim. Donec ac hendrerit neque, eu malesuada nisl. Nam lacus mauris, fringilla vitae lectus vitae, tempor convallis diam. Aenean ac sollicitudin sem, sed aliquam tellus. Praesent elementum non tellus eu rhoncus. Vestibulum in vehicula lectus. Donec ut tincidunt mi, ac vestibulum metus.
Vestibulum libero risus, vehicula et tortor ac, elementum gravida magna. Etiam nibh lorem, scelerisque id vulputate ut, vestibulum sit amet massa. Vivamus eget consectetur est. Donec sit amet velit tempor, accumsan nibh in, fringilla sem. Phasellus non enim a est scelerisque elementum. Proin porta dictum nulla, vel tristique massa rutrum id. Curabitur blandit id leo ac ullamcorper. Cras viverra at tellus sed sodales. Phasellus mollis tempor est, non pellentesque magna laoreet eget tincidunt pulvinar.
Lorem mauris, faucibus sit amet est vel, rutrum auctor sapien. Nulla sagittis volutpat elit, sed condimentum urna malesuada sit amet. Interdum et malesuada fames ac ante ipsum primis in faucibus quis tincidunt odio ultrices sit amet. Morbi eu adipiscing erat, et adipiscing orci laoreet quam, quis tincidunt odio ultrices.
Suspendisse felis nibh, dignissim convallis est quis, sagittis pulvinar metus. Pellentesque ac felis posuere, tincidunt augue consequat, dignissim turpis. Vivamus euismod, risus nec scelerisque porta, nisl lectus rutrum libero, vitae gravida lectus nulla non eros. Aenean sodales pretium enim, non pharetra nulla. Sed aliquam ipsum euismod ipsum commodo, ac mattis orci scelerisque. Consequat sit amet sapien vel, aliquet est.
Preview Image Overlay
There are 3 types of icons available for preview image overlay:
- zoom
- link
- video
Image Border
There are 3 optional classes you can use for styling the border of an image element:
- thumbnail
- thumbnail-colored
- thumbnail-white
Nam lacus mauris, fringilla vitae lectus vitae, tempor convallis diam. Aenean ac sollicitudin sem, sed aliquam tellus. Praesent elementum non tellus eu rhoncus. Vestibulum in vehicula lectus. Donec ut tincidunt mi, ac vestibulum metus.
Nam sodales erat ornare erat iaculis commodo. Nunc sagittis, velit ut porta imperdiet, felis tortor sollicitudin risus, ac euismod metus neque non dolor. Cras scelerisque, dui sit amet molestie semper, massa neque volutpat magna, porta mattis sapien lorem sed elit. Vivamus dapibus semper justo, aliquet venenatis magna mattis sit amet. Suspendisse fringilla pellentesque bibendum. Cras scelerisque nisi et lectus facilisis varius. Mauris sodales interdum fringilla.