Images

Images have three classes that can be used to apply some simple styles: .img-rounded adds border-radius:6px to give the image rounded corners, .img-circle makes the entire image round by adding border-radius: 500px, and .img-polaroid adds a bit of padding and a gray border:

Example

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Tutorial</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<img src="Jellyfish.jpg" class="img-rounded">
	<img src="Jellyfish.jpg" class="img-circle">
	<img src="Jellyfish.jpg" class="img-polaroid">
</body>
</html>

Output

Untitled

Share

You may also like...