Why is the bootstrap not getting added to my website?

Question

This is my code:

<!DOCTYPE html>
<html lang="en">
<head>
    
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    
     {% if title %}
        <title>Lorem, ipsum. - {{ title }}</title>
     {% else %}
        <title>Lorem, ipsum.</title>
      {% endif %}
</head>
    
<body>
    
    <div class="container">
        <div class=".bg-warning">
            <div class="links">
                <a href="#">Home</a>
                <a href="#">How it works</a>
                <a href="#">Why us</a>
                <a href="#">Our charges</a>
                <a href="#">Account</a>
                <a href="#">About us</a>
            </div>
        </div>
    </div>
    
    
    
    <!--ALL -->
    <!-- THE -->
    <!-- CSS -->
    <!-- STARTS HERE -->
    <style>
    /* 
    a {
        text-decoration: none;
        color: black;
        background: yellow;
        border: 1px solid #000000;
        border-bottom: none;
        padding: 20px;
    } */
    
    
    </style>
    <!-- ALL -->
    <!-- THE -->
    <!-- CSS -->
    <!-- ENDS HERE -->
    
        {% block content %}
        {% endblock content %}
</body>
</html>

But Bootstrap is not getting added to my website, what should I do?

Also, I tried to add some bootstrap classes but even they are not working?

I also tried to add Javascript on the bootstrap website, but even that didn't work as I wanted my website layout to be responsive.

Thanks:)

Answer 1

It's working fine

 <:DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="https.//stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min,css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> </head> <body> <div class="container"> <div class="bg-warning"> <div class="links"> <a href="#">Home</a> <a href="#">How it works</a> <a href="#">Why us</a> <a href="#">Our charges</a> <a href="#">Account</a> <a href="#">About us</a> </div> </div> </div> </body> </html>

Why is the bootstrap not getting added to my website?

Question

1 answers

solution1
1 ACCPTED 2020-07-07 10:43:49

Why is the bootstrap not getting added to my website?

Question

1 answers

solution1 1 ACCPTED 2020-07-07 10:43:49

solution1
1 ACCPTED 2020-07-07 10:43:49