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

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -