Jump to content


Photo
- - - - -

Twitter Bootstrap Grid System - XS SPAN 12 - M SPAN 6

Grid

Best Answer Danny , 15 April 2014 - 11:59 AM

The classes you're using for columns are Bootstrap 3.x, DMS like PageLines Framework uses a heavily customized version of Bootstrap 2.x. Therefore, you're using the wrong classes for the grid, as Martin mentioned, to use the grid for DMS, see our documentation.

 

We do not support Bootstrap 3.x grid system.

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 whershfeld

whershfeld

    Newbie

  • Members
  • Pip
  • 4 posts
  • LocationAnnapolis MD
  • Country: Country Flag

Posted 14 April 2014 - 06:31 PM

Hi - I'm familiar with building sites with the Twitter Bootstrap 3 framwork and I’ve now purchased PageLines 2 ... and I cannot figure out how to set up columns to adjust to different view frame widths like I can using the regularly Twitter Bootstrap - i.e.:

 

<div class="col-md-8 col-sm-12"></div>

 

Perhaps the answer is obvious - but I haven't caught on just yet - 

 

Thanks - 

 

Will 



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 14 April 2014 - 06:51 PM

Hello Whersfeld 

 

Please see the guide to using the Responsive Grid in DMS here http://docs.pageline...responsive-grid



#3 whershfeld

whershfeld

    Newbie

  • Members
  • Pip
  • 4 posts
  • LocationAnnapolis MD
  • Country: Country Flag

Posted 14 April 2014 - 07:10 PM

Hi Martin - thanks for the quick response -  I have read through the docs there and I'm just unclear about how to set the fallbacks for the grid and there isn't an example in the docs... can I just use the Twitter Bootstrap nomenclature - like:

 

<div id="mydiv" class="col-sm-12 col-md-4">This goes full width when viewed on a phone... </div>

 

Thanks!



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17931 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 15 April 2014 - 11:59 AM   Best Answer

The classes you're using for columns are Bootstrap 3.x, DMS like PageLines Framework uses a heavily customized version of Bootstrap 2.x. Therefore, you're using the wrong classes for the grid, as Martin mentioned, to use the grid for DMS, see our documentation.

 

We do not support Bootstrap 3.x grid system.


  • batman likes this





Also tagged with one or more of these keywords: Grid