Display Views data in Bootstrap format

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

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: Views, Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Shane 5 years, 9 months ago.

Assisted by: Shane.

Author

Posts

February 5, 2019 at 5:14 pm #1196214

saint

Hi Team,

I'm trying to display a View in a Bootstrap 3-column format, and my first attempt of it, the individual columns are presented in a stacked order.

hidden link

I suspect I'm not configuring something correctly, but looking at the HTML markup, I'm under the impression that the div classes 'col-sm-XXXXX' are pre-defined in Bootstrap and should take on the form of a column by default, but is actually stacked.

My main goals are:

1.) Create a card-based layout
2.) Align the Views item inside the Card with sub-columns (if that is doable)
3.) Ensure the Cards are all of equal size (I'm reading https://toolset.com/forums/topic/equal-heights-for-each-row-in-bootstrap-grid/#post-589049 and will try this out afterwards.)

Thank you,

February 5, 2019 at 6:19 pm #1196265

Shane

Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hello,

Thank you for contacting our support forum.

Since you are using the bootstrap classes it would be best to check to see if Toolset is importing bootstrap. Now this setting you wouldn't need to worry about if your theme is bootstrap based.

What you can do is to go to Toolset -> Settings and scroll to Bootstrap Loading and check if Toolset is loading the Bootstrap 3 css.

This is usually the first step that we want to check when we see that the bootstrap classes are not working.

Looking forward to hearing from you soon.

Thanks,
Shane