When working on a vanilla HTML, CSS, and JS project, we can use a CDN to include Bootstrap's CSS and JavaScript files directly into the HTML document without downloading them to the local machine.

Here's how we can include Bootstrap via CDN in the HTML file:

Behavior Difference

In the examples below, we will demonstrate the difference between default browser styles and styles applied with Bootstrap. We will not focus on Bootstrap usage at this time.

Default Browser Styles

Styles Applied with Bootstrap

Explanation

Both examples feature a button element adorned with the classes btn and btn-primary. The appearance is accomplished solely by applying these two classes provided by Boostrap without the need for additional CSS styling.