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>.