capint
3/4/2016 - 9:46 PM

CSS >> Bootstrap >> Image

CSS >> Bootstrap >> Image

<img src="cinqueterre.jpg" class="img-rounded" alt="Cinque Terre" width="304" height="236">: rounded corners
<img src="cinqueterre.jpg" class="img-circle" alt="Cinque Terre" width="304" height="236">: shapes the image to a circle
<img src="cinqueterre.jpg" class="img-thumbnail" alt="Cinque Terre" width="304" height="236">: shapes the image to a thumbnail
<img class="img-responsive" src="img_chania.jpg" alt="Chania">: adjust to fit the size of the screen

<a href="pulpitrock.jpg" class="thumbnail">
  <p>Pulpit Rock: A famous tourist attraction in Forsand, Ryfylke, Norway.</p>
  <img src="pulpitrock.jpg" alt="Pulpit Rock" style="width:150px;height:150px">
</a>: Image + title

 <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>: responsive embed (video)