BS4 HOME
The most well-liked HTML, CSS, and JavaScript framework for creating responsive, mobile-first websites is called Bootstrap. A more recent version of the framework is called Bootstrap 4.
It is totally free to download and use Bootstrap 4!
Try it Yourself Examples
There are hundreds of Bootstrap 4 examples in this course.
You can alter the code using our online editor, then click a button to see the outcome.
Bootstrap 4 Example
<div class="jumbotron text-center">
<h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h3>Column 1</h3>
<p>Lorem ipsum dolor..</p>
</div>
<div class="col-sm-4">
<h3>Column 2</h3>
<p>Lorem ipsum dolor..</p>
</div>
<div class="col-sm-4">
<h3>Column 3</h3>
<p>Lorem ipsum dolor..</p>
</div>
</div>
</div>
Bootstrap 5 vs. Bootstrap 3 & 4
This lesson uses Bootstrap 4, an update to Bootstrap 3 that was launched in 2018 and has additional components, faster stylesheets, increased responsiveness, etc.
The most recent version of Bootstrap, version 5, was released in 2021 and is compatible with the most recent stable versions of all major browsers and platforms. Internet Explorer 11 and lower, however, is not supported.
The primary distinction between Bootstrap 3 and 4 and Bootstrap 5 is that the latter now uses JavaScript in place of jQuery.
Note: It is safe to keep using Bootstrap 3 and Bootstrap 4 since the team continues to support them for important bugfixes and documentation updates. They won’t, however, get any further features.
Bootstrap 4 Basic Template
Using Bootstrap 4, we have developed a responsive starter template. It is yours to edit, store, distribute, and use in projects:
