Web Dev

Customizing Bootstrap

Yellow boots
Photo by Noah Buscher

Thus far in the semester, to edit the CSS for a site you’ve been working on, you, um, edit your CSS. Seriously: you just open up your style.css in VS Code and start typing away.

With Bootstrap, however, things are a little different. By definition, using Bootstrap means building a site that already has a 10,000-plus-line bootstrap.css file. What’s a beginning front-end web developer to do?

Thankfully, the solution is actually quite simple, and it’s laid out for you in this fantastic article: How to Customize the Default Bootstrap Style, the Right Way.