Results 1 to 2 of 2

Thread: Columns order on mobile?

  1. #1
    Junior Member
    Join Date
    Aug 2016
    Posts
    1

    Columns order on mobile?

    Hi all, i can't find a solution for this:

    i have a layout that on desktop have 3 columns, let's call them 1, 2, 3

    <div class="row">

    <div class="col-sm-3"> 1 </div>

    <div class="col-sm-6"> 2 </div>

    <div class="col-sm-3"> 3 </div>

    </div>

    The 2 is the main section, 1 and 3 are just sidebar

    I'd like on mobile device tho show column 2 first and then the other.... how can i do it??

    Thanks

  2. #2
    Member
    Join Date
    Nov 2015
    Location
    Cincinnati
    Posts
    68
    This can be done, but it depends somewhat on the programming language you are using.
    If this is just html5 you can set up div's for small devices that are not viewed n larger screens and vise-versa.
    For example:
    Large screen
    <div class="row hidden-sm">
    <div class="col-sm-3"> 1 </div>
    <div class="col-sm-6"> 2 </div>
    <div class="col-sm-3"> 3 </div>
    </div>
    Small screen
    <div class="row visible-sm">
    <div class="col-sm-6">2 </div>
    <div class="col-sm-3"> 1 </div>
    <div class="col-sm-3"> 3 </div>
    </div>

    It is twice the coding, but you are creating, in this case, a special code for smaller screens that do not show in larger screens.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •