Fixed Sidebar

- Menu
- Dashboard
- UI Elements
  - Alerts
  - Buttons
  - Panels
  - General
  - Modals
  - Notifications
  - Icons
  - Grid
  - Tabs & Accordions
  - Nestable Lists
  - Typography
- Charts
  - Flot
  - Sparklines
  - Chart.js
  - Morris.js
- Forms
  - Elements
  - Validation
  - Multiselect
  - Wizard
  - Input Masks
  - WYSIWYG Editor
  - Multi Upload
  - X-editable
- Tables
  - General
  - Data Tables
  - NewTable Filters
- Pages
  - Blank Page
  - Blank Page Header
  - Login
  - Login v2
  - 404 Page
  - Sign Up
  - Forgot Password
  - Profile
  - Pricing Tables
  - Pricing Tables v2
  - Timeline
  - Timeline v2
  - NewInvoice
  - Calendar
  - Gallery
  - New Code Editor
  - NewBooking
  - NewLoaders
- Features
- Email
  - Inbox
  - Email Detail
  - Email Compose
- Layouts
  - Primary Header
  - Success Header
  - Warning Header
  - Danger Header
  - NewSearch Input
  - NewOff Canvas Menu
  - Without Left Sidebar
  - Without Right Sidebar
  - Without Both Sidebars
  - Fixed Left Sidebar
  - Page Aside
  - Collapsible Sidebar
  - NewSub Navigation
- Maps
  - Google Maps
  - Vector Maps
- Menu Levels
  - Level 1
    - Level 2
    - Level 2
      - Level 3
      - Level 3
  - Level 1
    - Level 2
    - Level 2
      - Level 3
      - Level 3

60%Current Project

## Fixed left sidebar

1. Home
2. Layouts
3. Fixed Left Sidebar

Fixed left sidebar

You can activate fixed position option to the left sidebar element by adding this class (`be-fixed-sidebar`) to the main wrapper (`be-wrapper`) element this way your main structure should be like this:

    <html lang="en">
      <body>
        <div class="be-wrapper be-fixed-sidebar">
          <nav class="navbar navbar-default navbar-fixed-top be-top-header">
            <!-- Top bar -->
          </nav>
          <div class="be-left-sidebar">
            <!-- Left sidebar -->
          </div>
          <div class="be-content">
            <!-- Main content -->
          </div>
          <div class="be-right-sidebar">
            <!-- Right sidebar -->
          </div>
        </div>
      </body>
    </html>