0

I am building an asp.net mvc web application and I am using bootstrap 3.0. now I have the following row, which contain 2 divs; BlockA & BlockB with (4 to 8 occupation):-

<div class="container">       
  <div class="row">
    <div class="col-lg-4 col-md-4 col-sm-4 address">
      //Block A         
    </div>

    <div class="col-lg-8 col-md-8 col-sm-8 ">
     //Block B
   </div>
 </div>
</div>

now currently on small sized screens the two blocks will be aligned vertically so BlockA will be above BlockB.. so my question is how i can change this behaviour and have BlockB above BlockA when they get aligned vertically , and keep the order as is when they are aligned horizontally ?

Thanks

Mike Donkers
  • 3,461
  • 1
  • 20
  • 33
John John
  • 2,118
  • 8
  • 40
  • 65
  • Would be better if you provide a http://jsfiddle.net or http://codepen.io fiddle – Mi-Creativity Jan 19 '16 at 17:53
  • 2
    Possible duplicate of [How do I change Bootstrap 3 column order on mobile layout?](http://stackoverflow.com/questions/20171408/how-do-i-change-bootstrap-3-column-order-on-mobile-layout) – Tim Troiano Jan 19 '16 at 17:54
  • @Mi-Creativity I wrote this fiddle https://jsfiddle.net/w7uv1xjv/1/ but not sure how I can reference the jQuery & bootstrap js and css? – John John Jan 19 '16 at 17:58
  • Just add the class col-xs-4 and col-xs-8 and try it! – MikeVelazco Jan 19 '16 at 17:59
  • @John John, you can add Jquery and Bootstrap CDNs as External Libraries in JsFiddle, google "Bootstrap CDN", and you do not need the jQuery library for you JsFiddle by the way – Brian Ogden Jan 19 '16 at 18:07
  • @MikeVelazco this have nothing to do with my problem !!! as even on sm I will have the order which I am trying to avoid... – John John Jan 19 '16 at 18:08
  • Have you seen this topic on the documentation: http://getbootstrap.com/css/#grid-column-ordering – MikeVelazco Jan 19 '16 at 22:50

0 Answers0