Img-responsive in bootstrap


#1

Hello all!
I have problem with size of images in the bootstrap. I use the class .img-responsive which in CSS is:

  .img-responsive {
    margin-bottom: 20px;
  }

I cannot fit images on the page. They oversize


<!doctype html>
<html>
  <head>
    <link rel="stylesheet" href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css">
    <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
    <link href='style.css' rel='stylesheet' type='text/css'>
  </head>
  
  <body>
    <div class="header">
      <h1>RED EYE PHOTOGRAPY</h1>
    </div>


    <div class="nav">
      <div class="container">
      	<ul>
          <li>HOME</li>
          <li>ABOUT</li>
          <li>GALERRY</li>
          <li>CONTACT</li>
        </ul>
      </div>
    </div>

    <div class="container">
      <div class="row">
        <div class="col-md-4"><img src="https://s3.amazonaws.com/codecademy-content/projects/red-eye-photography/p1.jpg" clsss="img-responsive"></div>
        <div class="col-md-4"><img src="https://s3.amazonaws.com/codecademy-content/projects/red-eye-photography/p2.jpg" clsss="img-responsive"></div>
        <div class="col-md-4"><img src="https://s3.amazonaws.com/codecademy-content/projects/red-eye-photography/p3.jpg" clsss="img-responsive"></div>
      </div>


      <div class="row">
        <div class="col-md-4"><img src="https://s3.amazonaws.com/codecademy-content/projects/red-eye-photography/p4.jpg" clsss="img-responsive"></div>
        <div class="col-md-4"><img src="https://s3.amazonaws.com/codecademy-content/projects/red-eye-photography/p5.jpg" clsss="img-responsive"></div>
        <div class="col-md-4"><img src="https://s3.amazonaws.com/codecademy-content/projects/red-eye-photography/p6.jpg" clsss="img-responsive"></div>
      </div>
    </div>

    <div class="footer">
      <p>PHOTOGRAPHY BY MATTHEW WIEBE</p>
    </div>
    

  </body>
</html>


#2

you misspelled class


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.