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.