html - Bootstrap Well Padding Issue -
i have problem when try wrap around several grid elements. i'm not sure if works out of box or if i'm not sure place class.
http://jsfiddle.net/adamfollett/9xs8y/1/
<div class="container"> <div class="row"> <div class="span6"> <div class="well"> <div class="row"> <div class="span3"> 55 fake street<br /> st. johns<br/> a1e3a2<br/> </div> <div class="span3"> more info<br /> blah blah<br/> blah<br/> <input type="button" class="btn btn-primary" value="use location" /> </div> </div> <div class="row"> <div class="span6"> <img alt="googlemap" class="googlemap" src="https://maps.google.com/maps/api/staticmap?center=43.221805,-79.858946&zoom=14&size=320x240&maptype=roadmap&markers=color:red|43.221805,-79.858946&sensor=false" /> </div> </div> </div> </div> </div> </div>
the 2 span3 elements not space correctly when class included. not using class correctly or need add own css fix this?
thanks
the problem lies div
well
class think because takes full length of row, , have 2 span3
div
inside taking more space well
inside (not sure if i'm clear enough)
however, if replace inner row
class row-fluid
, set 2 inner div
's classes span6
, should display want:
<div class="row-fluid"> <div class="span6">55 fake street <br />fake town <br/>a1b2c3 <br/> </div> <div class="span6">more info <br />blah blah <br/>blah <br/> <input type="button" class="btn btn-primary" value="use location" /> </div> </div>
i've forked fiddle here.
Comments
Post a Comment