Page Aside Layout
You can activate page aside layout option to the main content by adding this class (be-aside
) to the main wrapper (be-wrapper
) element and before of the main-content
element, and adding the aside (page-aside
) inside of the (be-content
) element, this way your main structure should be like this:
<html lang="en"> <body> <div class="be-wrapper be-aside"> <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"> <aside class="page-aside"> <!-- Aside content --> </aside> <div class="main-content container-fluid"> <!-- Main content --> </div> </div> <div class="be-right-sidebar"> <!-- Right sidebar --> </div> </div> </body> </html>