Panels with Photos

Panels can be extended to include an optional photo background on the left or right. Add a .photo-right or .photo-left class to the .panel div.

Before the closing .panel-body div, add a new div with a class of .photo and also an inline style with a link to your background-image. e.g. style="background-image: url('/path/to/photo.jpg');" Alternatively, webmasters can move this inline style to their own custom stylesheet if that is more preferable.


Examples:

Panel Default with Photo Left

This panel uses the .photo-left class. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.