jquery - Bootstrap- Applying Nested Grid Columns properly -
i appreciate given, i've been stuck few hours. i've made accordion page , want page end 2 columns on desktop mode stack 1 column resize down mobile , tablets.
code- http://codepen.io/ahhmmogh/pen/kporeg
<div class="row"> <div class="col-sm-8" i've used http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_grid_ex3&stacked=h reference haven't been successful @ can see. doing wrong? again awesome
i've updated piece of code: http://codepen.io/anon/pen/ovvzev
since missing bootstrap css have added css should discarded when bootstraps available. html wasn't valid either.
basically did this:
<div class="row"> <div class="col-xs-12 col-sm-6"> ... content full width on xs smallest bootstrap viewport size. , half on sm or higher. </div> <div class="col-xs-12 col-sm-6"> ... </div> </div> hope further. mad both columns evenly wide because otherwise looks strange next each-other. if want should this:
<div class="row"> <div class="col-xs-12 col-sm-8"> ... content full width on xs smallest bootstrap viewport size. , half on sm or higher. </div> <div class="col-xs-12 col-sm-4"> ... </div> </div>
Comments
Post a Comment