CSS Thumbnail Images

Thumbnail on image

	                <img src="../static/img/chuck.jpg" class="thumbnail" width="150" />

                

Thumbnail on link

Thumbnail group

	                <ul class="thumbnail-group">
	<li>
		<a href="../static/img/chuck.jpg" class="thumbnail">
			<img src="../static/img/chuck.jpg" width="150" />
		</a>
	</li>
	<li>
		<a href="../static/img/chuck.jpg" class="thumbnail">
			<img src="../static/img/chuck.jpg" width="150" />
		</a>
	</li>
	<li>
		<a href="../static/img/chuck.jpg" class="thumbnail">
			<img src="../static/img/chuck.jpg" width="150" />
		</a>
	</li>
	<li>
		<a href="../static/img/chuck.jpg" class="thumbnail">
			<img src="../static/img/chuck.jpg" width="150" />
		</a>
	</li>
	<li>
		<a href="../static/img/chuck.jpg" class="thumbnail">
			<img src="../static/img/chuck.jpg" width="150" />
		</a>
	</li>
	<li>
		<a href="../static/img/chuck.jpg" class="thumbnail">
			<img src="../static/img/chuck.jpg" width="150" />
		</a>
	</li>
</ul>
                

Thumbnail group with actions

	                <ul class="thumbnail-group">
	<li>
		<a href="../static/img/chuck.jpg" class="thumbnail">
			<img src="../static/img/chuck.jpg" width="150" />
		</a>
		<ul class="thumbnail-actions">
			<li>
				<a href="#" class="icon-trash-o"></a>
			</li>
			<li>
				<a href="#" class="icon-pencil"></a>
			</li>
			<li>
				<a href="#" class="icon-search-plus"></a>
			</li>
		</ul>
	</li>
	<li>
		<a href="../static/img/chuck.jpg" class="thumbnail">
			<img src="../static/img/chuck.jpg" width="150" />
		</a>
		<ul class="thumbnail-actions">
			<li>
				<a href="#" class="icon-trash-o"></a>
			</li>
			<li>
				<a href="#" class="icon-pencil"></a>
			</li>
			<li>
				<a href="#" class="icon-search-plus"></a>
			</li>
		</ul>
	</li>
	<li>
		<a href="../static/img/chuck.jpg" class="thumbnail">
			<img src="../static/img/chuck.jpg" width="150" />
		</a>
		<ul class="thumbnail-actions">
			<li>
				<a href="#" class="icon-trash-o"></a>
			</li>
			<li>
				<a href="#" class="icon-pencil"></a>
			</li>
			<li>
				<a href="#" class="icon-search-plus"></a>
			</li>
		</ul>
	</li>
</ul>
                

Thumbnail carousel JS