Usage

Example:

<nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a>
</nav>

<div class="layout-container layout-expand-md">
  <!-- Sidebar -->
  <div class="layout-sidebar">
    <div class="layout-sidebar-content">
      <ul class="nav navbar-nav nav-root">
        <li class="nav-item active">
          <a class="nav-link" href="#">
            <div class="nav-link-icon">
              <i class="fas fa-fw fa-home"></i>
            </div>
            <div class="nav-link-name">Home</div>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">
            <div class="nav-link-icon">
              <i class="fas fa-fw fa-user"></i>
            </div>
            <div class="nav-link-name">User</div>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">
            <div class="nav-link-icon">
              <i class="fas fa-fw fa-cog"></i>
            </div>
            <div class="nav-link-name">Settings</div>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <div class="layout-sidebar-overlay"></div>

  <!-- Content Wrapper -->
  <div class="layout-content-wrapper">
    <div class="layout-breadcrumb">
      <div>
        <!-- Sidebar Toggler Button -->
        <button class="layout-sidebar-toggler" type="button" aria-label="Toggle navigation">
          <span class="layout-sidebar-toggler-icon"></span>
        </button>
      </div>

      <!-- Breadcrumb -->
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item active" aria-current="page">Page</li>
        </ol>
      </nav>
    </div>

    <div class="layout-content">
      <main class="px-3">
        <!-- Content Start -->
        <div class="text-center py-5">
          <h1>Bootstrap Admin Layout</h1>
          <p class="lead">A simple Bootstrap 4 admin panel layout component, support mobile client.</p>
        </div>
        <!-- Content End -->
      </main>
    </div>
  </div>
</div>