RESPONSIVE GRID SYSTEM to format content html

[Luigi]

Hello there,

I recently bought Boss. Theme and am pretty happy, but I have a question:

Has this theme a responsive grid system to use for formatting in HTML the content of pages?

Honestly, I have not yet understood well how Boss. works and if it’s based on Bootstrap or not, but I have tried using Bootstrap Grid System and it does not work, for example:

<div class="row">
  <div class="col-md-8">Responsive content left</div>
  <div class="col-md-4">Responsive content right</div>
</div>

If responsive grid system is not there, can anyone recommend a different method for managing responsive content within CMS pages?

Thank you in advance for your kind reply!

Luigi

[Paul]

@amsbundem It’s recommended to use the Page Builder plugin (used in the theme demo) – https://wordpress.org/plugins/siteorigin-panels/

It’s fully responsive and allows for adding custom css per row/panel if required.

[Alyssa]

@amsbundem Welcome to the BuddyBoss community! No bootstrap but as Paul suggested above we recommend Site Origin Panels, see our tutorials here: http://www.buddyboss.com/tutorials/

[Luigi]

Thanks guys for the support!

I followed your suggestion and Page Buider is an interesting plugin, but unfortunately solves my problems only partially because third-party plugins and widgets templates can not be handled in this way. I have an event calendar manager and one for downloads and some widgets to make responsive on frontend, so it would be useful to be able to work with a grid system directly on the templates code. If there will be news, I will update this topic.

[Alyssa]

Sorry to hear that. I will leave this open.

[Kevin]

Is there an explanation somewhere of what Grid system you used, if any? Likewise, is there any plan to move to something more standard like a Bootstrap grid? I ask because using a Page Builder plugin is fine for people who are just laying out content but does not work when you’re building custom templates and need to write custom code in these templates.

We bought the Boss theme to help jumpstart a project for us and it’s been great in that regard. However, now that we want to do some custom development we’re faced with either retrofitting a grid in (yuck) or starting from scratch which I definitely do not want to do.

Any thoughts on a proper way to proceed? Thank you.

[Alyssa]

@kference in order to use bootstrap you will need to prepend (AKA namspace) code to wrap it in it’s own div and make sure all CSS is coded with that prefix. Using bootstrap outright is very intrusive to WordPress/BuddyPress design because bootstrap edit base elements without prefixes like table, ul, li, span etc. See this stackoverflow example to use bootstrap in any application: http://stackoverflow.com/questions/13966259/how-to-namespace-twitter-bootstrap-so-styles-dont-conflict

[Kevin]

Thank you. I guess I’ve been spoiled by the use of _strap that it’s become second nature…or a crutch, I guess it depends on your perspective. =)

Thanks again!

[Alyssa]

Glad to help and give some perspective, namespacing is a little annoying but necessary when not built around the platform 🙂

[Kurt]

It looks like buddyboss doesn’t come with a grid of it’s own. Has anyone written one that they would be willing to share?

[Varun Dubey]

Hi @kurtsubco, you can use any one of following plugin
https://wordpress.org/plugins/siteorigin-panels/
http://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431
Regards
Varun Dubey

[Kurt]

Thanks for the tips, I’m writing a custom blog layout that has a different style for the first post. I ended up just writing the breakpoints I needed.

[Varun Dubey]

Hi @kurtsubco
you will need to modify template files inside the child theme and create your own template files
just for guide http://code.tutsplus.com/tutorials/display-the-most-recent-post-in-each-category–cms-22677
Regards
Varun Dubey

[Stéphane]

Hi @vapvarun,

So, at this time no grid or responsive integrated system to use with Boss theme ? Like the others, I am tuning the Events Manager plugin and I would want to create new templates. I would want to use the Boss responsive system.

Thank you.

[Kevin]

We ultimately decided to create our theme from scratch using _strap (it’s underscores meets bootstrap) and pulling inspiration from the things we really liked in the Boss theme while not having to be hindered by the lack of a responsive grid framework. We build a LOT of custom templates and capabilities which means using a visual editor was just not an option for us.

We liked the Boss theme but we’re much happier now that we have a purpose built, lean theme that does only what we need.