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

Popular posts from this blog

android - Pass an Serializable object in AIDL -

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

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