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. :-)

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