How to easily customize Bootstrap 4 with Pinegrow Web Editor


https://i.ytimg.com/vi/x4ciqMHQIKs/hqdefault.jpg



See how you can use Pinegrow to customize your Bootstrap 4 theme by modifying Bootstrap SASS variables and by overriding Bootstrap CSS rules.

Customizing Bootstrap is normally a bit complicated task because it requires setting up the SASS compilation environment, installing Bootstrap SASS sources and creating a file structure for your custom theme.

Requires Pinegrow 4.5.

https://pinegrow.com

Original source

11 thoughts on “How to easily customize Bootstrap 4 with Pinegrow Web Editor

  • April 15, 2020 at 18:19
    Permalink

    Seems incredibly tedious and not intuitive. You have to know every single step in right order just to get anything done. Cognitive resources needed to operate bootstrap in pinegrow is probably more taxing then programming in a text editor by hand.

  • April 15, 2020 at 18:19
    Permalink

    Really nice but the variables.scss is not showing in the manage stylesheet tab. I moved the project folder and it seems to break the path somehow. What can I do to open it manually?

  • April 15, 2020 at 18:19
    Permalink

    So helpful and also very pleasant to listen too and I think that the caring for the student developer, the caring for ( in the presenter) for designers/developers is as powerful as the tool.

  • April 15, 2020 at 18:19
    Permalink

    Hi, This is the best tutorial about working with Pinegrow, Bootstrap 4 and SASS! This tutorial made me buy the Pro WP version today. Are you planning to do more on this subject and go a bit more in detail about styling Bootstrap 4 with SASS? I did not found anymore documentation about this subject and I want to learn how to Change the color and size of the navigation etc. The problem is when you start fiddling around with SASS and don't know what your doing you get a mess! Warm Regards David

Leave a Reply