【上帖的代码 尝试】

---

Circle/Oval Images

NOTE: If image width = height, you get circles. If image width < or > height, you get ovals.

• DEMO 2
• HTML

• 
• 
• 
• 

• 
• 
• 
• 

<h3>Circular Images, Equal Height and Width</h3>  
<ul class="list-inline gallery">    
<li><img class="img-circle zoom" src="http://lorempixel.com/110/110/abstract/1"></li>    
<li><img class="img-circle zoom" src="http://lorempixel.com/110/110/abstract/2"></li>    
<li><img class="img-circle zoom" src="http://lorempixel.com/110/110/abstract/3"></li>    
<li><img class="img-circle zoom" src="http://lorempixel.com/110/110/abstract/4"></li>  
</ul>

<h3>Oval Images, Unequal Height and Width</h3>  
<ul class="list-inline gallery">    
<li><img class="img-circle zoom" src="http://lorempixel.com/125/75/abstract/1"></li>    
<li><img class="img-circle zoom" src="http://lorempixel.com/125/75/abstract/2"></li>    
<li><img class="img-circle zoom" src="http://lorempixel.com/125/75/abstract/3"></li>    
<li><img class="img-circle zoom" src="http://lorempixel.com/125/75/abstract/4"></li>  
</ul>

---