Creating A Full With Banner With 3 Images Using Bootsrap

I want to be able to divide the images up, on one row, into 3 separate but equally sized columns that take up the space of the whole page. Right now, I'm getting 3 unevenly sized r

Solution 1:

after your div with the class row add for each column a div with class col-md-4 which means the row will contains 3 columns : Live Demo

<divclass="container-fluid"><divclass="row"><divclass="col-md-4"><imgclass="img-responsive"src="http://www.bandanaworld.com/20108.JPG"alt="img"></div><divclass="col-md-4"><imgclass="img-responsive"src="http://www.wholesaleforeveryone.com/content/images/blank/600/solid_color.gif"alt="img"></div><divclass="col-md-4"><imgclass="img-responsive"src="http://sdihousing.com/wp-content/uploads/2011/09/Solid-Colors-Spectrum-Blue.png"alt="img"></div></div></div>

the images will dynamically change the size depend on the window size , so you don't have to care about them

Solution 2:

Change class="span4" to class="col-md-4"