Day 80 Bootstrap 4

Hello coders, today’s rabbit hole was using Bootstrap more efficiently. I’ve been using bootstrap in most projects up til now but not fully understanding how to use it.

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

Bootstrap was developed by a small group of Twitter developers and has one of the busiest Git activity on GitHub. Because of the credibility of how many people update the code in the library, the code structure is as up to date as possible.

Usually, when I used Bootstrap for projects I used the library as a CDN which uses a link to reference Bootstrap into the HTML file. This time around I actually downloaded the library in the command terminal using the npm command.

The project creation was one of a typical corporate type of landing website just using the Bootstrap library. The confusion that I had with Bootstrap was linking only certain things from the library into the file. However, by downloading the entire library into the file in the command terminal there was no way for me not to properly link a certain navbar etc into the file. Also, the fact that most projects that I watch are using Bootstrap 3 so the CDN link references were not the same.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Up ↑

%d bloggers like this: