Bootstrap & When to Use it.

1st of December, 2016

Bootstrap is an amazing framework that so many people and companies are using! It saves time and makes life a whole hell of a lot easier.

So What is Bootstrap?

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

~ BootStrap Team

Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-end development only.

Bootstrap is the second most-starred project on GitHub, with more than 100,000 stars and 45,000 forks.

( Pulled from Wikipedia )

The Basics

Bootstrap is a front-end framework. This means it works on the client side view. It takes basic classes such as class="well" and applies responsive, mobile first, styles to it. There are hundreds or pre-created classes with amazing styles that all work great together. It also covers the flow of fonts. Bootstrap renders the perfect size for ease of reading.

My Experience

I started working with Bootstrap after about 15 months of playing around with this “Web Development” stuff. At first I was a little confused, however, by the day’s end I was pretty good at it. This think called Bootstrap amazed me! It opened me up to a whole world of frameworks. How was I so blinded before?

I started using Bootstrap in every project. Here is how I started every project

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <title>Title</title>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <link rel="stylesheet" href="/css/bootstrap.min.css">
            <link rel="stylesheet" href="/css/main.css">
            <script src="/js/jquery.min.js"></script>
            <script src="/js/bootstrap.min.js"></script>
        </head>
        <body>
            <div class="container">

            </div>
        </body>
    </html>

Sometime I didn’t even need main.css as I could just use small in-line css or sometimes no custom styling at all! This had become a problem. I didn’t feel like a web developer anymore so I started cutting back on it. In order to help use Bootstrap less I wrote my own. Well… basically. It had a lot of predetermined styles for specific elements and class, this helped a lot.

So When is it Appropriate?

This all depends on your client! Some website could be build entirely around bootstrap (not recommended, it’s bland). A great example of when to use Bootstrap is when prototyping! When you need to build something quick to see how the color scheme, image, and whatever else fit together. I personally use Bootstrap for ease when making web apps. With web apps you want a responsive flow that looks appealing.

Conclusion

Bootstrap is an amazing framework that should be used sparingly. If you hare just starting out with development shy away from. It is important to learn the basics while just starting out. Thank you for reading!