Getting Started

Downloading Bootstrap:

Visit in a official Bootstrap website at Boostrap

You can download the Bootstrap package, which includes CSS, JavaScript, and fonts, or you can customize your download by selecting specific components.

unzip the package to access the Bootstrap files.

CDN Integration:

Also you can use the Bootstrap CDN (Content Delivery Network) for quick integration.

In your HTML file, include the following lines within the <head> tags

                                      
                                      <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
                                      
                                    

Setting up a basic HTML file:

Create a new HTML file.

Paste the code below in your code editor:

                                      
                                      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Title Here</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap-theme.min.css">
</head>
<body>

    <!-- Your content is here -->

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>