Pinegrow Community Support Forum

Convert Webflow to Bootstrap in Pinegrow?

Has anyone converted a Webflow site to Bootstrap 4? I have about 6 sites I would really like to get over to Bootstrap. We need a Pinegrow tutorial for this as it should not be that hard as the classes are close in naming convention. Anyone successfully done this?

As far as I know, Webflow uses CSS Grid while Bootstrap uses Flexbox.

1 Like

Absolutely correct. These are two different animals, I’m seeing a lot of Webflow chatter lately. Any modifications will have to be made by code, manually. Good luck!

1 Like

HI, that’s interesting, I didn’t realise that, Had no real reason to as I have had nothing to do with Webflow, but what is the chatter that is going on?
Is there a migration or such like going on… change it the air etc?
New favourite kid/ trend on the block?

Apparently there are numerous PG users that are coding projects in Webflow. That’s a proprietary system that also wants you to host with them (preferably) as well. I’ve played with it in the past so I could understand what it was, but since it’s a “visual builder” it’s using it’s own methods of outputting what they consider to be clean code. Since the converter was released for PG, they are asking for it to be supported. I’m not sure how that’s going to happen cleanly, they still need to hand-code the conversion if they want to install a front-end framework. There’s no getting around the need to code. PG is more to augment coders, not augment visual builders, even with applications like Wappler (which would be preferred) there’s still coding involved. Not advocating the “long way around” but really advocating the right tool in the right context. It would be like building something using Wix and expecting a third-party to turn it into usable, real code. Sure, it’ll probably export, but with it’s own structure. There’s only so much PG devs can do, and they’re catering to a different audience than this. Feels like a disconnect.

Why would anyone spend money monthly to work in Webflow if they already own Pinegrow? To use Webflow, you need an internet connection, and you have to purchase an account. Quit paying, and you lose all access to edit your site (with their builder, you can always export the code and hand edit I guess.)

Webflow is expensive. I built 15 sites with it but the CMS was feature weak. I also did not want to always need to host with them. One client it seems like a deal at $16//mo. But 100 clients at $1600/mo is crazy. I have a cPanel server for $300/mo with 100 sites.

PH is a breath of fresh air. I like quick visual building, but being able to touch the code is key.

2 Likes

ok thanks. Interesting.
I’ve just purchased the Theme builder now to support the PG team as I’ve been running quite a long time on my current PG product now :slight_smile: cheers @Devs :slight_smile:

Well, it does list WebFlow as one of the editors for using with the WP theme builder,
So this will be interesting, seeing as BS and WF use different layout technologies.

But it’s 1am and IM tired, so it might make perfectly logical sense the next time I log in :wink:
And as @Printninja notes, using PG and Webflow seems like an expensive way to go about it, but maybe Weblow has a certain mojo and beauty in the way it creates the website… maybe until you get to the bit where you need to use PG or modify it, then maybe the scrambled code beast underneath raises its head - or the different layout technologies make things awkward.
Interesting and good to know!
Cheers

Ouch! yes, that isn’t cheap.

mmm, maybe use the PG CSS grid builder then?
If Webflow uses CSS grid for implementing its layout,
And PG uses CSS Grid builder… to create CSS grids,
Maybe go along that route?

Native technologies, (ie, CSS Grid) will always outdo 3rd party Auxiliary ones like Bootstrap.
Lovely and shiny until they do something like move from BS 3 to BS 4 - loss of Cards etc
and there goes the ability to just upgrade your site without some digging around.

You are then dependent upon one core technology and
Another random one, driven by different devs, with a different remit, than those that just develop for
the web

But either way, good luck with it :slight_smile: good to know how things are moving around, bobbing about on the web tide out there.
Thanks for info all :slight_smile:

I am trying to use PG framework free with core Html and CSS functions. That seems best. I don’t want to rely on frameworks and proprietary formats moving forward. I want to see PG grow with modern web standards, not so much Bootstrap and Foundation. Flexbox and CSS Grid are great in PG I believe. Just keep PG standards complaints and it will be amazing.

I agree. Let’s focus PG and plain old
HTML and CSS native functions and make
It best it can be. Keep Bootstrap support as it is the biggest.

I do like Bootstrap when I need Accessibility features as it is tried and true already.

Ah yes! good point!
And for all that responsive goodness of course.

Is there a way to just turn on the components we want in Bootstrap SCSS in PG? Seems it is all or nothing.

Personally I may just use Bootstrap Grid, Navbar, Buttons, Cards and Forms. The rest I don’t need. I really like the BS Grid as CSS Grid lacks full browser support.

Can you do this in Pinegrow or will it mess it up?

// Custom.scss
// Option B: Include parts of Bootstrap

// Required
@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";

// Optional
@import "../node_modules/bootstrap/scss/reboot";
@import "../node_modules/bootstrap/scss/type";
@import "../node_modules/bootstrap/scss/images";
@import "../node_modules/bootstrap/scss/code";
@import "../node_modules/bootstrap/scss/grid";

@bgarrant Are you on a dedicated server? I only pay about $200 a year for a shared cPanel server with about 70 sites on it. Never have a problem.

I believe you can download a customized version of Bootstrap directly from the Bootstrap site, and then just import the stuff into PG.

@Printninja What company did you get that from? I may look to switch.

I would love to know how to get cPanel server for $200. Please share when you get a chance. Thanks.

I have the Business plan
https://www.hostgator.com/web-hosting1

That is great. I have a cloud enterprise server at Hosting.com. It is fully managed with firewall and backups for about $400. Expensive for sure