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
Post a Comment