html - Aligning two columns Twitter Bootstrap 3 -


using twitter bootstrap 3, have 2 colummns, 1 image , other has text. i'm trying place 2 side side desktop view, smaller screens (mobile,tablet) text has fall beneath image. have tried various float , positions css unsuccessful.

code:

                        <div class="row">                             <h2>history</h2>                                 <div class="col-md-6">                                     <img class="img-rounded" src="img/fldry-ban.png"/>                                         </div>                         <div class="col-md-6">                             <p> text  </p>                                 </div>                                     </div>                                         </div> 

if has time provide details of css should using, appreciated. :-)

eaxmple of layout require

by you're telling browser: "hey, if on medium screen device (col-md-6) let's take 6 out of 12 blocks displaying!"

you need add class mobile view too:

<div class="col-md-6 col-sm-12"> 

so now, mobile browser knows, should use full 12 blocks display.

for further information how use grid system of bootstrap take @ this.


Comments

Popular posts from this blog

How to provide Authorization & Authentication using Asp.net, C#? -

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

How to use Authorization & Authentication in Asp.net, C#? -