Plugin compatibility with bootstrap
-
First thanks for this plugin!
Maybe it’s interesting for you to know that there are a little issue wenn you are using bootstrap and this plugin. This issue ist with the resposive side.
Bootstrap grid:
Extra small <576px
Small ≥576px
Medium ≥768px
Large ≥992px
Extra large ≥1200pxAnd your css style take one pixel more for all grid. For example:
/* Styles for screens that are less than 768px */
@media only screen and (max-width: 768px) {
.su-column {
width: 100% !important;
margin: 0 0 1.5em 0 !important;
float: none !important;
}
.su-row .su-column:last-child {
margin-bottom: 0 !important;
}
}In this case you are getting as the same grid the screens with 787px and the screens with 768px in bootstrap are two diferents grids: 767px is Small and 768px is Medium. The problem is that ipad has just 768px.
I thought it would be nice if you know it.
Greetings,
Tamara Zambrana
The topic ‘Plugin compatibility with bootstrap’ is closed to new replies.