Use the markups below to add all kind of styles to images.
Add the .img-roundedor .img-circleCSS classes to images to create rounded corners. You can use the .img-responsiveCSS class to make an image inherit the width of its parent. To make an image inherit both the width and height, you need to use the .img-fullCSS class.
Add the .img-borderedCSS class to images to create bordered images. You can use the border color CSS helper classes to style the border color.
Add the .img-thumbnailto an image to add a small border to it. Use the .thumbnailCSS class on links that contain images to add an active hover class.
Use the markup below to create image boxes with text visible only on hover. Use the CSS helper classes to style the hover content.
The core color helpers can be applied to all kind of elements from buttons to icons, headers, headings, etc. They do not change when you switch to a different theme from the same template.
These are the template default color schemes and are used site wide to consistently style common elements. For the primary color you must add .bg-primaryand for the secondary color you must add .ui-state-default. Note that theme two styles change based on what color scheme you choose for your template.
Use the markup below to create image boxes with hover overlays and text.
Use the markup below to create image boxes with overlays and buttons visible only on hover.
Use the markup below to create image boxes with overlays and icons visible only on hover.
Use the markup below to create image boxes with different content animations on hover.
Use the markup below to create image boxes with overlays and icons visible only on hover.
Use the markup below to create rounded corners image boxes with overlays and icons visible only on hover.
On the other hand, we denounce...
Dislike men who are so beguiled...
Of pleasure of the moment, so...
That they cannot foresee the...
Pain and trouble that are bound...
Equal blame belongs to those...
Weakness of will, which is same...
These cases are perfectly simple...
