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

<div class="container-fluid">
    <div class="row">
        <div class="col-md-4">

            <img class="img-responsive" src="http://www.bandanaworld.com/20108.JPG" alt="img">

        </div>
             <div class="col-md-4">

            <img class="img-responsive" src="http://www.wholesaleforeveryone.com/content/images/blank/600/solid_color.gif" alt="img">

             </div>
            <div class="col-md-4">

            <img class="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"