Bootstrap e-Book In Hindi

Responsive Image in bootstrap :

जेसा की आप जानते है की bootstrap का use responsive webpage बनाने में किया जाता है और image का use webpage बनाने में किया जाता है तो आप bootstrap का use कर के image को भी responsive बना सकते है और image को style भी दे  सकते है
image को Responsive का लिए class

 

img-responsive :

इस class का use कर image को responsive बनाया जाता है यह bootstrap की library class है इसका उदाहरण निम्नलिखित है

Run

<html>

<head>

  <meta http-equiv="X-UA-Compatible" content="IE-edge" />

  <meta name="viewport" content="width=device-width" />

  <title>img-responsive Example</title>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

  <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />

  <link rel="stylesheet" href="css/style.css" />

</head>

<body>

  <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>

  <script type="text/javascript" src="js/bootstrap.js"></script>   

   <img src="g2.jpg" class="img-responsive" alt="img" />

</body>

</html>

 

 

Prv Next


.