Bootstrap not responding well


#1


https://www.codecademy.com/en/courses/web-ext/projects/html-css-prj_red-eye?link_content_target=interstitial_project


I have included img-responsive and col-md-4 as mentioned in the bootstrap document. But the pictures are displayed in the single line and is not alligned 2X3 in table format.This is how each row is displayed.


<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" alt="picture1" class="img-responsive"/>
        </div>
        <div class="col-md-4">
          <img src="https://s3.amazonaws.com/codecademy-content/projects/red-eye-photography/p2.jpg" alt="picture2" class="img-responsive"/>
        </div>
        <div class="col-md-4">
          <img src="https://s3.amazonaws.com/codecademy-content/projects/red-eye-photography/p3.jpg" alt="picture3" class="img-responsive"/>
        </div>  
      </div>


#2

@prasannakshi,

Using a google search
alt picture site:getbootstrap.com
finding
http://v4-alpha.getbootstrap.com/content/images/
could help with you using the proper syntax.


#3

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