Can't enable Bootstrap without messing up my theme & need to display posts grid

This support ticket is created 5 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Tagged: Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Christian Cox 5 years, 3 months ago.

Assisted by: Christian Cox.

Author

Posts

August 22, 2019 at 1:13 pm #1322077

sarahR-4

I am trying to: using a view and trying to display loop items in a grid, but can't enable bootstrap without messing up my theme, which is using wpbakery pagebuilder. Currently the post body content items (which are youtube video embeds) are showing up in their own lines. How can I display them in a grid with WPBakery PageBuilder, and not rely on the built-in "Grid" output in the Loop Wizard?

August 22, 2019 at 2:39 pm #1322167

Christian Cox

Hello, without the Bootstrap grid framework you could create a table-based grid as seen here: https://toolset.com/documentation/user-guides/view-layouts-101/#grid

You can use the Loop Wizard button to create the scaffolding for this type of View, and it doesn't rely on Bootstrap. That's probably the most straightforward solution. Other than that, you would have to produce your own HTML and CSS markup to create a grid-based design, because there is no integration between Views and WPBakery's grid system. If you're fluent with HTML / CSS, you could probably create a grid with WPBakery and inspect the markup created on the front-end of the site, then recreate that in a View's loop editor with Toolset shortcodes.