Get started with bootstrap-max-width CDN

MIT licensed

Bootstraps max-width: sets elements max size before shrinking on small screens.

Tags:
  • bootstrap
  • bootstrap5
  • responsive
  • size
  • responsive-design
  • sizing
  • bootstrap5-template
  • bootstrap-template

Stable version

Copied!

How to start using bootstrap-max-width CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.cdnhub.io/bootstrap-max-width/1.0.1/bootstrap-max-width.min.css">
  <style>
    .container-max {
      max-width: 1140px;
    }
  </style>
  <title>Get started with bootstrap-max-width CDN - cdnhub.io</title>
</head>
<body>
  <div class="container-max">
    <h1>Welcome to my website!</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo, magna quis bibendum rhoncus, elit quam hendrerit magna, vel ultrices velit leo et tellus.</p>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
  <script src="https://cdn.cdnhub.io/bootstrap-max-width/1.0.1/bootstrap-max-width.min.js"></script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions