HTML Responsive Web Design - Frameworks with Boostrap

Another popular CSS framework is Bootstrap:

index.html

Example: HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap 5 Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>

<div class="container-fluid p-5 bg-primary text-white text-center">
  <h1>My First Bootstrap Page</h1>
  <p>Resize this responsive page to see the effect!</p> 
</div>
  
<div class="container mt-5">
  <div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>        
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
  </div>
</div>

</body>
</html>

Output should be:

Single Articles

HTML Responsive Web Design - Frameworks with W3css	HTML Responsive
HTML Responsive Web Design - Frameworks with Boostrap	HTML Responsive

What is HTML Responsive	HTML Responsive
How to Setting The Viewport	HTML Responsive
How to create HTML Responsive Images	HTML Responsive
How to create HTML Responsive Images Using the max-width Property	HTML Responsive
How to show Different Images Depending on Browser Width	HTML Responsive
How to create HTML Responsive Text Size	HTML Responsive
How to create Media Queries	HTML Responsive
How to create Responsive Web Page - Full Example	HTML Responsive
How to create HTML Responsive Web Design - Frameworks	HTML Responsive

Type:	Html
Category:	Web Tutorial
Sub Category:	HTML Responsive
Uploaded by:	Admin