Ever since I first began my web development journey, Bootstrap has been my best friend. CSS is one of those finicky things that can drive you up a wall with frustration — but it’s also extremely rewarding once you know what you’re doing. Thankfully, when you’re just starting out Bootstrap makes CSS a snap (and it’s a good way to learn more about CSS while having fun). Its possible to create a smooth looking website in just a few hours.

The only thing is, the default theme of Bootstrap is definitely not one size fits all. The standard blue tones are great, but when you want to give your website more of a personal touch and you don’t know how to create custom Bootstrap themes it can feel like you’re out of luck.

For a long time the idea of creating and installing my own Bootstrap theme was daunting because there is so much information out there about the topic, but I couldn’t find any really straightforward tutorials explaining how to do it — not to mention tutorials geared towards a junior developer. And that’s why I’m creating this tutorial showing you the simplest way to get started with custom Bootstrap themes.

Part 1: Themestr.app — Create your Custom Theme

Once I decided to buckle down and learn how to create a Bootstrap theme I was unsure of where to start, and then I came across a video by Carol Skellyexplaining her app called Themestr.app. I highly recommend checking out that video to get a quick 4 minute overview of how to use her app.

#css #react #bootstrap