[Resolved] can I use a responsive framework

[Author]

Posts

[davidm-13]

Hi I'd like to use this hidden link - with Toolset/Wordpress is this possible or do you have a similar responsive framework that you'd recommend.
Thanks
David

[Nigel]

Hi David

There's no reason not to use it, if you are comfortable with HTML.

If you are creating a View, for example, then the Loop Editor handles what markup is generated for each iteration of the loop (i.e. for each result of the query).

There's not a lot to say except that in the case of a View it is the part inside the wpv-loop tags which is repeated for every iteration. If you need something adding just once (e.g. a container div with some class) then you can open and close that div immediately outside the wpv-loop tags.

What you would be looking to do is to simply recreate the markup structure (including the classnames) which the framework expects.

You would also need to enqueue the CSS assets appropriately, too (https://developer.wordpress.org/themes/basics/including-css-javascript/).

Or use the Bootstrap grid, which is responsive, and which is included with Toolset (check the settings at Toolset > Settings): hidden link

Some themes, including Divi, are not compatible with Bootstrap, in which case you would need to consider an alternative, but in all cases, the principle is the same: the framework expects a particular pattern of markup and classes, and you need to generate the same dynamically with your Views, or manually if creating a template.

[davidm-13]

Hi Nigel, Thanks for this. I don't have any experience with responsive frameworks. I'm working on a website using Toolset , what do you suggest is the simplest path for me to take to make it responsive? I'm comfortable with html and css - not Sass mixins, but happy to learn.
Thanks for your help

[Waqar]

Hi David,

Thanks for writing back.

Nigel is on vacation and will be back tomorrow, so I'll be following up on this ticket.

The simplest path to get started would be to keep using the Bootstrap library for the responsive elements, which is supported by Toolset plugins, out-of-the-box.

The Bootstrap CSS and script library is considered an industry-wide standard and since you're already comfortable with HTML and CSS, you'll find it fairly straight-forward.
( link to its documentation that Nigel shared earlier: hidden link )

Here is a useful guide on using Bootstrap's responsive grid with Toolset:
https://toolset.com/documentation/user-guides/displaying-content-using-grids/

If you come across any specific question or difficulty around using it with Toolset plugins, please do let us know.

regards,
Waqar