0% found this document useful (0 votes)
52 views

Bootstrap Images Handson

This document is an HTML page that links to Bootstrap and jQuery libraries to style images. It includes three images - one with the class "img-responsive" to make it responsive, one with the class "img-circle" to make it circular, and one with the class "img-thumbnail" to add borders and rounded corners.

Uploaded by

Debarshi Roy
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
52 views

Bootstrap Images Handson

This document is an HTML page that links to Bootstrap and jQuery libraries to style images. It includes three images - one with the class "img-responsive" to make it responsive, one with the class "img-circle" to make it circular, and one with the class "img-thumbnail" to add borders and rounded corners.

Uploaded by

Debarshi Roy
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html>
<head>
  <title>Grab it!!!!</title>
  <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="./css/mystyle.css" rel="stylesheet" type="text/css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/
jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/
bootstrap.min.js"></script>
</head>
<body>
   <img class="img-responsive">

<img class="img-circle">

<img class="img-thumbnail">
</body>
</html>

You might also like