/*  Place here any CSS code that you would like to affect both the Default and Home themes */
 
#side-bar{
    float: left;
    width: 14em;
    padding: 1em;
    margin: 0 0 1em 0;
    clear: left;
 
}
/*  Place here any CSS code that you would like to affect both the Default and Home themes */
 
<main class="content-wrap" role="main">
  <div class="container content">
    <div class="row">
    [[ sidebar]]
      <nav class="side-bar-wrap col-md-3">
        <div class="side-bar">
          <div class="side-bar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-side-target">
              <span>Menu</span>
            </button>
          </div>
          <div class="collapse navbar-collapse navbar-side-target">
            [[sidebar]]
          </div>
        </div>
      </nav>
      [[/]]
      [[ sidebar]]<div class="main-content-wrap col-md-9">
      [[else]]<div class="main-content-wrap col-md-12">[[/if]]
        <div class="main-content">
          <div class="page-title page-header"><span>[[page_title]]</span></div>
          [[ breadcrumbs]]<div class="breadcrumbs">[[breadcrumbs]]</div>[[/if]]
          [[content]]
          [[tags]]<div class="page-tags">[[tags]]</div>[[/if]]
          <div class="page-info-break"></div>
          <div class="page-options-container">[[module PageOptionsBottom]]</div>
          [[action_area]]
        </div>
      </div>
    </div>
  </div>
</main>