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/30/fancy-img1.jpg"><img alt="" src="/portals/30/fancy-img1-s.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Yup, More Text.." href="/Portals/30/fancy-img2.jpg"><img alt="" src="/portals/30/fancy-img2-s.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Yelf Up." href="/Portals/30/fancy-img3.jpg"><img alt="" src="/portals/30/fancy-img3-s.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Bonjour!!" href="/Portals/30/fancy-img4.jpg"><img alt="" src="/portals/30/fancy-img4-s.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Exciting Title!" href="/Portals/30/fancy-img5.jpg"><img alt="" src="/portals/30/fancy-img5-s.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Yup, More Text.." href="/Portals/30/fancy-img6.jpg"><img alt="" src="/portals/30/fancy-img6-s.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Yup, More Text.." href="/Portals/30/fancy-img7.jpg"><img alt="" src="/portals/30/fancy-img7-s.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Yelf Up." href="/Portals/30/fancy-img8.jpg"><img alt="" src="/portals/30/fancy-img8-s.jpg" />
    <div class="img-overlay"></div>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Bonjour!!" href="/Portals/30/fancy-img9.jpg"><img alt="" src="/portals/30/fancy-img9-s.jpg" />
    <div class="img-overlay"></div>
    </a></li>
</ul>
</div>