VSDocs supports five different layouts. See the code below.
Boxed layout without sidebars
<div id="content"> <div class="container"> <div class="row"> <div class="col-md-12"> <!-- Star writing your page content here --> </div> </div> </div> </div>
Boxed layout with left sidebar
<div id="content"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="layout with-left-sidebar"> <div class="left-sidebar"> <!-- Star writing your sidebar content here --> </div> <div class="main-content with-left-sidebar"> <!-- Star writing your page content here --> </div> </div> </div> </div> </div> </div>
Boxed layout with right sidebar
<div class="container"> <div class="row"> <div class="col-md-12"> <div class="layout with-right-sidebar"> <div class="right-sidebar"> <!-- Star writing your sidebar content here --> </div> <div class="main-content with-right-sidebar"> <!-- Star writing your page content here --> </div> </div> </div> </div> </div>
Full width layout with left sidebar
<div id="content"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="layout with-left-sidebar"> <div class="left-sidebar"> <!-- Star writing your sidebar content here --> </div> <div class="main-content with-left-sidebar main-content-full"> <!-- Star writing your page content here --> </div> </div> </div> </div> </div> </div>
Full width layout with right sidebar
<div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="layout with-right-sidebar"> <div class="right-sidebar"> <!-- Star writing your sidebar content here --> </div> <div class="main-content with-right-sidebar main-content-full"> <!-- Star writing your page content here --> </div> </div> </div> </div> </div>