1. SP Page Builder 3.x
  2. Tuesday, 04 December 2018
What are the breakpoints used in SP Pagebuilder 3?
Accepted Answer
Hi,
they are based on Bootstrap 3.

xs - Phones - Less than 767px
sm - Tablets 768px - 1199px
lg- Desktops above min 1200px
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # Permalink
Responses (7)
Hi,
they are based on Bootstrap 3.


.col-xs-$ Extra Small Phones Less than 768px
.col-sm-$ Small Devices Tablets 768px and Up
.col-md-$ Medium Devices Desktops 992px and Up
.col-lg-$ Large Devices Large Desktops 1200px and Up


Aren't there 3?

[attachment]<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">02JbyI4Lge.png </font></font>[/attachment]
Attachments (1)
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 1
yes, sorry only 3, I copied too much from Bootstrap 3 guide.

----
Corrected my info above.
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 2
yes, sorry only first 3, I copied too much from Bootstrap 3 guide.

----
Corrected


And when it is planned to expand the number of points? Because 3 is too little in the current environment
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 3
p.s.
In future plans we have to incorporate 4 from bootstrap 4.
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 4
I thought about

// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }



but maybe you have better or more ideas?
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 5
Yes, It's on the list-to-do...
but when ?? hmm
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 6


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.