Customizing a Bootstrap 5 theme with Pinegrow

In this video I demonstrate how easy it is to use the Pinegrow Web Editor to create and modify a Bootstrap 5 theme with SASS variables. I also talk a little bit about the Design Panel - a really convenient way to modify a number of core variables quickly.
Full article on:
pinegrow.com/d...

[@f.t.5859]

Please, make a tutorial on how to make a website using bootstrap framework from the zero. Like Bootstrap Studio do, that's the best way to really learn how to use this multitude of tools.

[@jpbartle]

Very well done tutorial -- thank you

[@nj5195]

Can you please more new examples of media queries?

[@pinegrow]

What kind of media queries would you like to see?

[@nj5195]

@@pinegrow if i have exact measures(when I take the exact dimensions from a PSD file). For example, i have a Card with 600x500, inside is text content with 300px x 250px, and a thumbnail with 250x250. And the Card is Left 200px and top 150px. How to do that with media quires?

[@pinegrow]

@@nj5195 So, that wouldn't be done with media queries. Media queries act to alter the look of your page at different screen widths and resolutions. For something like you describe, you would simple add width and height dimensions to each element.

[@nj5195]

@@pinegrow That's exactly what I did, but when I have fixed measurements and when I reduce the resolution, the elements don't change according to that screen, as bootstrap does by default. Does that mean the only way I have to fix each element manually at each breakpoint?

[@pinegrow]

@@nj5195 So, fixed measurements are just that, fixed. If you want them to be responsive, you can either set-up a media query, duplicate all of the rules you want to change, and then put in new values. Alternatively you can use a responsive size, like view-width (vw) or a percentage. There are a number of additional ones. It is a pretty deep topic, so I recommend you spend a little time reading up. I can't really do it justice in the comments section.

[@webgo838]

Pinegrow media query grid system Very strong ..............But it doesn't have elements and effects like nicepage

[@jeorane]

You are saying bulshit, Pinegrow work with popular frameworks like Bootstrap and Foundation and uses its grid systems

[@webgo838]

nicepage better Stronger and more professional

[@jeorane]

No, Nicepage is a bad software, it generates a site with enormous css file, it is not either professional

[@lynic-0091]

Get lost.