What is Bootstrap?
Bootstrap is a tool to help developers code responsive and mobile friendly website with HTML, CSS and Javascript. I regard is a must have for all who aspire to be an efficient developer.
What makes Bootstrap so powerful is the fact that let’s developers create a clean and responsive interface without much knowledge and just in few lines. Finally, it is compatible on most of browsers like Chrome, Safari, Firefox, etc.
Differences between Bootstrap 4 and Bootstrap 5
There are a really good changes between these two versions that improved the performance and made life easier to developers.
- Added an extra tier on grid system (xs,sm,md,lg,xl,xxl).
- Extra colors added withe the looks.
- Jquery is removed and switched to vanilla JS.
- They give freedom to modify and also create our own utilities.
- Advanced grid system and columns don’t have relative positions.
Where to get the newest version of Bootstrap?
There are two ways to get Bootrstrap:
1.Dowloading Bootstrap
You can dowload and host Boostrap on your own by going to getbootstrap. You just have to follow the easy instructions there.
2. Bootstrap CDN
There is no obligation to download Boostrap, you can include it from a CDN.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>