Skip Navigation

[Resolved] Toolset breaking my Bootstrap 4 layout

This support ticket is created 6 years, 7 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
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+00:00)

This topic contains 8 replies, has 5 voices.

Last updated by Nigel 5 years, 10 months ago.

Assisted by: Nigel.

Author
Posts
#901446
toolset-not-active.png
toolset-active.png

I am trying to: use toolset with Bootstrap 4, as mentioned in this thread, https://toolset.com/forums/topic/when-will-be-toolset-gully-compatible-with-bootstrap4/, there is a work around until full support for it is completed.

I don't know what it could be other than a css compatibility issue as I have not done anything other than download and activate the plugins (types, views, layouts). So, I can only assume that it is a bootstrap thing.

As you can see from the shared images, there is a space of about 100 pixels that gets shifted up.

There is also a modal that pops up, usually the background has a dark overlay, but when toolset is active it, there is nothing.

Link to a page where the issue can be seen: hidden link

I expected to see: hidden link

Instead, I got: hidden link

#901565

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi John

The short answer here is that Toolset does not yet support Bootstrap 4 and is only tested and confirmed compatible with Toolset 3.

A colleague has tested Bootstrap 4 with Toolset on his own sites and has found that it pretty-much works as expected.

We will formally test Bootstrap 4 and make any required changes—I don't know when exactly—but in the meantime it is a question of identifying any specific issues as they arise and providing ad-hoc CSS overrides as required.

I can't see the issue at the link you shared, you are presumably using Bootstrap 3 (or have Toolset disabled).

Using the browser dev tools it should be fairly straightforward to identify what causes the content to shift up so as to add a style rule that fixes it.

If you need help with that can you create a comparison page where I can see the issue so that I can compare it to the current page which displays correctly?

#901695

Hi Nigel,

Sorry, yes I disabled toolset for that development environment at the moment so I could work on other aspects of the site.

If I could get some assistance, that would be great. I have set up a comparison installation...

hidden link

...the log in details are the same (with appropriate changes to the url) if you require that.

Is there anyway to turn off injecting the bootstrap 3 styles, without removing the functionality of the toolset plugins?

#901705

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi John

I'm finished for the day, but let me just quickly answer that last question.

Toolset depends on Bootstrap for the Layouts grid system, everything else is pretty much optional (it means having some default styling for form elements, and you can output Views with Bootstrap markup).

You can go to Toolset > Settings and specify that Bootstrap is not being used on the site, meaning Bootstrap CSS and JS will not be loaded by Toolset. The only thing that will actually break should be the Layouts grid, which would only be a problem if you are using it.

#901729

Oh perfect! I can definitely work with that, then. Thank you so much for your help.

#1086599

Is there any further news on Bootstrap 4 support? I'd like to use some of the new features, such as cards.

Thanks

#1139556

Also looking forward to this implementation

#1196064

Same as well.

#1196106

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Anyone reading this thread that would like to push for Bootstrap 4 support, please do so by completing the form at https://toolset.com/home/contact-us/suggest-a-new-feature-for-toolset/

The submissions go directly to the product manager and will help them prioritise which features to work on next.