Installation and Setup
Bootstrap can be installed in two ways:
- Download and host locally: This is the preferred method if you want to have full control over the Bootstrap files. You can download the Bootstrap files from the Bootstrap website: https://getbootstrap.com/. Once you have downloaded the files, you need to extract them and place them in the same directory as your HTML files.
- Use a CDN: A CDN (content delivery network) is a network of servers that deliver content to users from the closest location. This can improve the performance of your website or web app by reducing the amount of time it takes for the Bootstrap files to load. To use a CDN, you need to add the following code to your HTML file:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">Once you have installed Bootstrap, you need to set up the Bootstrap JavaScript library. This library provides the functionality for many of the Bootstrap components, such as dropdowns, modals, and tooltips. To set up the Bootstrap JavaScript library, you need to add the following code to your HTML file:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>Here is a simple example of how to include Bootstrap in your web application:
This code will create a simple web page with a heading, a paragraph, and a button. The Bootstrap CSS will be used to style the elements of the web page, and the Bootstrap JavaScript will be used to add functionality to the button.