• 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 ≥1200px

    And 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.