#### CSS Classes

This table contains all classes related to the content left sidebar layout. This is a custom layout classes for content left sidebar layout page requirements.

All these options can be set via following classes:

Classes | Description
--- | ---
`.content-right-sidebar` | You can create 3 column right layout by adding `.content-right-sidebar` class in `<body>` tag.
`.sidebar-right` | In this layout sidebar should be float in right side, so `.sidebar-right` class needs to add in sidebar wrapper.
`.content-left` | In this layout content should be float in left side, so `.content-left` class needs to add in content wrapper.

#### HTML Markup

This section contains HTML Markup to create 3 column right sidebar layout. You need to add the `.content-right-sidebar` class in the `<body>` tag as show in below. This layout has a navigation, content and right sidebar sections with common header & footer.

- Contain the `.content-left` class for adjusting content section in right side.
- Contain the `.sidebar-right` class for adjusting sidebar section in left side.

                    <!DOCTYPE html>
                      <html lang="en">
                        <head></head>
                        <body data-menu="vertical-menu-modern" class="vertical-layout vertical-menu-modern content-right-sidebar navbar-floating footer-static menu-expanded" data-col="content-right-sidebar">
                          <!-- BEGIN Content-->
                          <div class="app-content content">
                              <div class="content-area-wrapper">
                                  <!-- sidebar right-->
                                  <div class="sidebar-right">
                                      <div class="sidebar">
                                          ...
                                      </div>
                                  </div>
                                  <!-- sidebar right Ends-->

                                  <!-- content left-->
                                  <div class="content-left">
                                      ...
                                  </div>
                                  <!-- content left Ends-->
                              </div>
                          </div>
                          <!-- END Content-->
                        </body>
                      </html>