<h1> Front-end Development Technologies </h1>

<script>

SASS();

APIs();

Liquid();

PHP();

Bootstrap();

</script>

Bootstrap

Skill Level

Key Takeaway

Bootstrap is cool.

My Experience Using Bootstrap

I've been using Bootstrap for about 5 years. In my current role, I've set up a tier system:

  1. Tier 1 is the out-of-the-box Bootstrap 4 scss package - with a kind of config scss file that sets basic variables.
  2. Tier 2 are Tier-1 overrides and new components.

The reason I set it up this way is so that I could possibly upgrade to newer versions. Since Tier 1 is 99% untouched, I can pull in a new version and change that 1% - if that's how the newer versions work.

Challenges

Depending on the use case, the problem with Bootstrap is that it gives you everything whether you use it or not. This can bloat applications. It also packages certain things up (jQuery, Popper, whatever other libraries), making it difficult to extract just what you need.

A quick-and-dirty alleviation to this is to use the CDN. Obviously CDNs are fast, but it's not unlikely that the user may already have the file cached, since Bootstrap is extremely popular.

This site uses cookies: one to determine whether you've visited before, and a few others that are generated by Google Analytics, which helps me figure out how to improve the site.