Bootstrap interfering with header and views

This support ticket is created 6 years, 2 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
-	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/Karachi (GMT+05:00)

Tagged: Views, Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Waqar 6 years, 2 months ago.

Assisted by: Waqar.

Author

Posts

October 31, 2018 at 11:35 am #1137530

Andrea Stykket

I've noticed that two other people experience a similar problem to me...

EG: https://toolset.com/forums/topic/types-plugin-conflicting-with-divi-main-header-causing-spacing-issues/
https://toolset.com/forums/topic/multiple-problems-in-divi-header-by-bootstrap-very-very-urgent/

A while back, I had a problem with the header not displaying correctly after activating toolset, which I solved by disabling bootstrap. Now, I have made a view for a custom post, but it is not displaying correctly because I have used a bootstrap grid.

I could solve this by using a grid instead of bootstrap, but would that be responsive to different devices or not?

November 1, 2018 at 7:45 am #1138064

Waqar

Hi Andrea,

Thank you for contacting us and I'll be happy to assist.

If you'll switch to a Table-based grid, it will always show row items in a single line, and won't stack them vertically, on smaller screens (as a bootstrap grid does).

But the good news in that, you can add some custom CSS code, to achieve just that, as explained in this guide:
hidden link

I hope this helps.

regards,
Waqar