Skip Navigation

[Resolved] Bootstrap grid won’t display properly in Gutenberg block

This thread is resolved. Here is a description of the problem and solution.

Problem:

I got a table based to display properly, but I don't want a table. Its just the bootstrap grid that's not working in Gutenberg

Solution:

A bootstrap grid needs bootstrap framework(JS/CSS) files.

Please check this:

Dashboard-> Toolset-> Settings-> General

in section "Bootstrap loading", choose option "Toolset should load Bootstrap 3.0"

And test again

Relevant Documentation:

This support ticket is created 6 years, 1 month 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
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 3 replies, has 2 voices.

Last updated by Luo Yang 6 years, 1 month ago.

Assisted by: Luo Yang.

Author
Posts
#1132506
Edit Page ‹ Newsome Creek Watershed — WordPress.png
Newsome Creek Watershed.png

I am trying to: display a bootstrap grid in Gutenberg block

Link to a page where the issue can be seen:

I expected to see: three across

Instead, I got: three stacked

This is on my localhost. Tried in various ways, but no luck. I got a table based to display properly, but I don't want a table. Its just the bootstrap grid that's not working in Gutenberg

#1132539

Hello,

A bootstrap grid needs bootstrap framework(JS/CSS) files.

Please check this:
Dashboard-> Toolset-> Settings-> General
in section "Bootstrap loading", choose option "Toolset should load Bootstrap 3.0"

And test again

#1132742

Thanks. I loaded Layouts and that seemed to trigger the grid, even though I didn't use Layouts. Just loaded and activated it. When I deactivated Layouts the settings for bootstrap remained in place. Your method is obviously much better.

My issue is resolved now. Thank you!

#1133014

You are welcome