Bootstrap3 CSS API Notes - Image and Media

Use Bootstrap3 to modify shape of image: .img-rouned,.img-circle,.img-thumbnail.

.thumbnail define a div with shape of thumbnail. div can include jpg file. Best use with grid class.

Media Objects: create layout like twitter or Linkedin name signature

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class='media'>
	<a href="#" class="pull-left">...
	<!--This part will be left panel, best to put thumbnail in -->
	</a> 
	<div class="media-body">
		<h1 class="media-heading">
		Header
		</h1>
		<p>.
		Body
		</p>
	</div>
</div>

Reference Glyphicon library: <span class="glyphicon glyphicon-class-name"></span>.