Skip to content

Instantly share code, notes, and snippets.

@nd3w

nd3w/index.html

Last active August 27, 2025 01:01
Show Gist options
  • Save nd3w/20ad4aaedf9bbd7cfe9b08d637d4a385 to your computer and use it in GitHub Desktop.
Save nd3w/20ad4aaedf9bbd7cfe9b08d637d4a385 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap 5.3.8 Index
Raw
index.html
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Examples Bootstrap v5.3</title>
<script src="./assets/js/color-modes.js"></script>
<link href="./assets/dist/css/bootstrap.min.css" rel="stylesheet" />
<style>
body {margin: 1em 1em}
.three-column-list {
column-count: 3; /* Defines the number of columns */
column-gap: 20px; /* Adds space between columns */
list-style: none; /* Removes default list bullets */
padding: 0; /* Removes default padding */
}
</style>
</head>
<body>
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<h3 class="float-md-start mb-0">BS 5.3.8 Examples</h3>
<ul class="three-column-list">
<li><a href="./album/">album</a></li>
<li><a href="./album-rtl/">album-rtl</a></li>
<li><a href="./assets/">assets</a></li>
<li><a href="./badges/">badges</a></li>
<li><a href="./blog/">blog</a></li>
<li><a href="./blog-rtl/">blog-rtl</a></li>
<li><a href="./breadcrumbs/">breadcrumbs</a></li>
<li><a href="./buttons/">buttons</a></li>
<li><a href="./carousel/">carousel</a></li>
<li><a href="./carousel-rtl/">carousel-rtl</a></li>
<li><a href="./cheatsheet/">cheatsheet</a></li>
<li><a href="./cheatsheet-rtl/">cheatsheet-rtl</a></li>
<li><a href="./checkout/">checkout</a></li>
<li><a href="./checkout-rtl/">checkout-rtl</a></li>
<li><a href="./cover/">cover</a></li>
<li><a href="./dashboard/">dashboard</a></li>
<li><a href="./dashboard-rtl/">dashboard-rtl</a></li>
<li><a href="./dropdowns/">dropdowns</a></li>
<li><a href="./features/">features</a></li>
<li><a href="./footers/">footers</a></li>
<li><a href="./grid/">grid</a></li>
<li><a href="./headers/">headers</a></li>
<li><a href="./heroes/">heroes</a></li>
<li><a href="./jumbotron/">jumbotron</a></li>
<li><a href="./jumbotrons/">jumbotrons</a></li>
<li><a href="./list-groups/">list-groups</a></li>
<li><a href="./masonry/">masonry</a></li>
<li><a href="./modals/">modals</a></li>
<li><a href="./navbar-bottom/">navbar-bottom</a></li>
<li><a href="./navbar-fixed/">navbar-fixed</a></li>
<li><a href="./navbars/">navbars</a></li>
<li><a href="./navbars-offcanvas/">navbars-offcanvas</a></li>
<li><a href="./navbar-static/">navbar-static</a></li>
<li><a href="./offcanvas/">offcanvas</a></li>
<li><a href="./offcanvas-navbar/">offcanvas-navbar</a></li>
<li><a href="./pricing/">pricing</a></li>
<li><a href="./product/">product</a></li>
<li><a href="./sidebars/">sidebars</a></li>
<li><a href="./sign-in/">sign-in</a></li>
<li><a href="./starter-template/">starter-template</a></li>
<li><a href="./sticky-footer/">sticky-footer</a></li>
<li><a href="./sticky-footer-navbar/">sticky-footer-navbar</a></li>
</ul>
</div>
</header>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment