Images

Image Shape Style

<img src="..." class="img-rounded">
<img src="..." class="img-circle">
<img src="..." class="img-polaroid">

Heads up! .img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.

<div class="fancybox_style">
<ul>
    <li><a data-fancybox-group="group" class="fancybox" title="Exciting Title!" href="/Portals/simple2/fancy01.jpg"><img alt="" src="/portals/simple2/fancy01_thum.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Yup, More Text.." href="/Portals/simple2/fancy02.jpg"><img alt="" src="/portals/simple2/fancy02_thum.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Yelf Up." href="/Portals/simple2/fancy03.jpg"><img alt="" src="/portals/simple2/fancy03_thum.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Bonjour!!" href="/Portals/simple2/fancy04.jpg"><img alt="" src="/portals/simple2/fancy04_thum.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Exciting Title!" href="/Portals/simple2/fancy05.jpg"><img alt="" src="/portals/simple2/fancy05_thum.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Yup, More Text.." href="/Portals/simple2/fancy06.jpg"><img alt="" src="/portals/simple2/fancy06_thum.jpg" />
    <div class="img-overlay"></div>
    </a></li>
</ul>
</div>