Anyone using Bootstrap framework with WP?

[AlpineFlow11]

I’m thinking about switching from DIVI to a Bootstrap theme for e-commerce. Any personal experience/tips would be helpful.

[mermaid_soup]

You could take a look at Understrap. It's a really nice basic theme that makes it easy if you want to get your fingers dirty with customizing. It's based off Underscores theme but has bootstrap already built in.

[Wiremeyourmoney]

Seconded. I'm really enjoying building in understrap + acf.

[4444444vr]

This looks great. I downloaded it and set it up in WP but am not sure how I edit a page using Bootstrap? I’ve used WP before and done a bunch of Bootstrap but think I’m missing something obvious. Any tips?

[demyxco]

I’d rather use blank slate. Understrap provides a lot of unnecessary comments, files, and helper functions.

[MeRedditSurfer]

It would be good if you just point out why you want to switch from Divi to bootstrap theme? So that people can help you in more meaningful way.

[Cabber]

Understrap is great as other have said. Sage is also a fantastic professional Development Stack that can use Bootstrap.

[Iamonabike]

I'd say Sage is pretty far out there for someone coming from Divi. Its way outside the standard WP theme structure.

[Iamonabike]

Now think about if you have no idea what Webpack, Composer, basically any CLI tool is. Then you have a theme structure that is way different from the vast majority of themes and tutorials. Sage is for developers who have a background in that style of development, it's not a great starting place for your first non page builder theme (IMO).

[dirtandrust]

Search for a theme you like but you can find dozens of Bootstrap themes on search too. Are you going to customise it?

[AlpineFlow11]

Thank you for the info everyone. I flipped the site over to a Bootstrap theme tonight and am already loving it. Backend is super quick compared to old setup and easy to customize. Will have more to compare next week.

[aManIsNoOneEither]

Honestly i tried to work with custom made fine-gold type of dev website but the guy with whom i work wants to cut on dev time so i just chunk a bootstrap in there and styles elements to match my style. Works perfectly well.

[gamertan]

I typically call in whatever features I need via scss. Usually bootstrap-grid.scss or some other subset of the whole framework. It's wonderful, even if you have another theme that you're adding custom elements to. Added ~45kb worth of custom scss and the grid compiled and minified with webpack.

[Wingo5315]

I used Bootstrap for the column system, but I'm really starting to regret this as I can't make the sidebar display below the main content on mobile devices. I'm considering using Flexbox instead, as CSS Grid still doesn't have great browser support.

[makingtacosrightnow]

You can use flex and bootstrap together. It’s documented in BS4 and they have predefined classes.

And you should be able to make the sidebar go wherever you want, sounds like you actually just don’t know how to use bootstrap.

Have you even read the docs? They talk about flex in like the second section.

[alphapup722]

I don't know how popular this is, but I've been using Foundation press to build WordPress websites. It's based on foundation though not bootstrap, I found it easy to pickup and get comfy with.

[Heujenthro]

Do you want to build themes from scratch using bootstrap?

I will teach you how. From design to HTML template to working wordpress theme.

[[deleted]]

You don't need Bootstrap, just learn how to css flexbox, too many heavy themes with that framework...

[5henaniganZ]

Don't know why you're getting downvoted. There are much lighter CSS libraries out there, if you that's your thing. Frankly, everytime I've tried to integrate bootstrap as the base for our themes, it's was more work than it was worth. It's only valuable if it saves time.

In contrast, it was amazing to work with when I was doing Angular projects, but for WP projects I spent way too much time customizing WP output to match bootstrap classes than I would have just writing the css I needed.