To use Bootstrap in your web development project, you can include the following link in your HTML file’s head section:
<!-- 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>
This will load the latest version of Bootstrap (version 3.4.1 as of September 2021) from a Content Delivery Network (CDN), which provides fast and reliable access to the files.
You can also customize the Bootstrap file to only include the components you need by using their customize page (https://getbootstrap.com/docs/5.1/customize/).
If you want to use the latest version of Bootstrap (version 5.1 as of September 2021), you can use the following links instead:
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css">
<!-- JavaScript bundle (includes Popper) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
Make sure to replace the version number in the link with the latest version available at the time you are using Bootstrap.
