html - bootstrap span customization -


i building website using bootstrap.

i giving particular html on facing problem.

<div class="container"> <div class="row well">   <div class="span4">     <div class="">         <a href="blog.html">            <img class="member" alt="" src="../images/icons/icon1.png">         </a>     </div>     <p>        donec id elit non mi porta gravida @ eget metus. fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. .     </p>     <p>       <a class="m-btn blue" href="#">read more »</a>     </p>  </div>   <div class="span4">     <div class="">         <a href="blog.html">            <img class="member" alt="" src="../images/icons/icon1.png">         </a>     </div>     <p>        donec id elit non mi porta gravida @ eget metus. fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. .     </p>     <p>       <a class="m-btn blue" href="#">read more »</a>     </p>  </div>   <div class="span4">     <div class="">         <a href="blog.html">            <img class="member" alt="" src="../images/icons/icon1.png">         </a>     </div>     <p>        donec id elit non mi porta gravida @ eget metus. fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. .     </p>     <p>       <a class="m-btn blue" href="#">read more »</a>     </p>  </div> </div> </div> 

without using looks fine after using in row tag 3rd span4 comes next line.

if change css of span responsiveness lost.

my question is how put well class in row width of content within row doesn't exceed width of container?

or

is there different way put well css in row?

you shouldn't use that, instead put in span, eg.

<div class="span8">     <div class="well">...</div> </div> 

why? cause .well has properties padding modify scaffolding of row


Comments