Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1051734

    How can I add bootstrap “push” or “pull” to make columns stack the way I need them to.

    this is the page im working on:
    http://hawaiiyogafest.com/accommodations

    when you’re in mobile viewpoint, you will see that on each section – sometimes text is first and images second… sometimes its the opposite. I want to push the images, that stack over the text, to below the text

    #1052009
    Friech
    Moderator

    Hi There,

    Thanks for writing in! Regretfully, we cannot provide support for third party plugins or scripts due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script.

    You can utilise the Hide Base on Screen Width feature instead, to render a different layout for mobile.

    Please follow this post on how you can utilise the Hide Base On Screen Width option of ROW/Section.

    Hope it helps, Cheers!

    #1054921

    Bootstrap isn’t a script or a plugin, its a framework created by Twitter.com, which uses HTML5 and CSS3 to create responsive websites – and it has become a web-standard. It is free and it is used to create the 12 column grid, nested in rows, that makes up the responsive framework of X theme. Saying you can’t support it is like telling me you can’t support your own “x-section” class. It’s something that’s written into the css.

    If this theme has taken parts of Bootstrap’s CSS, but left out other extremely functional uses of Bootstrap’s CSS… Then that’s something I really need to know, and perhaps should be explained in documentation.

    The push/pull class I’m referring to are part of Bootstraps CSS functions for ordering columns.
    For example (taken from Bootstraps own website):
    “Easily change the order of our built-in grid columns with .col-md-push-* and .col-md-pull-* modifier classes.” – http://getbootstrap.com/css/#grid

    So my question still stands, how do I/can I even insert a “push” or “pull” CSS class modifier to change the order or my columns, because using a hide feature only inflates my code length and file size – which isn’t helpful for page load times and SEO.

    If you would like to learn more about Bootstrap and that fact that it’s a framework and not a script or plugin… and that you guys are utilizing for your theme. Then I recommend taking a look at this website: http://www.w3schools.com/bootstrap/default.asp

    #1055554
    Rad
    Moderator

    Hi there,

    Some of the theme’s CSS are taken from bootstrap but not all. It’s heavily modified and not meant to be edited, hence, documentation is not available.

    X theme doesn’t use the push or pull classes, but you can always implement bootstrap through customization.

    Thanks for understanding.

  • <script> jQuery(function($){ $("#no-reply-1051734 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>