x
<html lang="en"><head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <style> /* Add a gray background color and some padding to the footer */ footer { background-color: #f2f2f2; padding: 25px; } .carousel-inner img { width: 100%; /* Set width to 100% */ min-height: 200px; } /* Hide the carousel text when the screen is less than 600 pixels wide */ @media (max-width: 600px) { .carousel-caption { display: none; } } </style>