Bootstrap Dashboard Layout
6 min read Quiz at the end
Build a complete admin dashboard: sidebar, top bar, stat cards, and data table layout.
Dashboard Layout
<body class="d-flex">
<!-- Sidebar -->
<nav class="d-flex flex-column p-3 bg-dark text-white" style="width:280px">
<a href="/" class="d-flex align-items-center mb-3 text-white text-decoration-none">
<i class="bi bi-speedometer2 me-2"></i> <span>MyApp</span>
</a>
<ul class="nav nav-pills flex-column">
<li><a href="/" class="nav-link active text-white">Dashboard</a></li>
<li><a href="/users" class="nav-link text-white">Users</a></li>
</ul>
</nav>
<main class="flex-grow-1 p-4">...</main>
</body>