rules.xml

<?xml version="1.0" encoding="utf-8"?>
<rules xmlns="http://namespaces.plone.org/diazo"
  xmlns:css="http://namespaces.plone.org/diazo/css"
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

  <theme href="index.html" />
  <notheme css:if-not-content="#visual-portal-wrapper" />

  <rules css:if-content="#portal-top">
    <copy attributes="*" css:theme="html" css:content="html" />
    <replace css:theme="title" css:content="title" />
    <drop css:theme="link[rel='stylesheet'], script" />
    <after css:content="head link, head style, head meta, head script" css:theme-children="head" />
  </rules>

  <!-- BODY -->
  <copy attributes="*" css:content="body" css:theme="body" />

  <!-- LOGO -->
  <copy attributes="href title" css:content="#portal-logo" css:theme=".navbar-brand" />

  <!-- MENU -->
  <replace css:content-children="#portal-globalnav" css:theme-children="#navbar" />

  <!-- SEARCH -->
  <copy attributes="role id action data-pat-livesearch" css:content="#portal-searchbox form" css:theme=".navbar-form" />
  <merge attributes="class" css:content="#portal-searchbox form" css:theme=".navbar-form" />

  <!-- BREADCRUMBS -->
  <replace css:content=".plone-breadcrumb" css:theme=".breadcrumb" />

  <!-- PORTAL MESSAGE -->
  <replace css:theme-children="#global_statusmessage" css:content-children="#global_statusmessage" />

  <!-- CONTENT -->
  <replace css:theme="#content" method="raw">
    <xsl:variable name="central">
      <xsl:if css:test="aside#portal-column-two">col-xs-12 col-sm-9</xsl:if>
      <xsl:if css:test=".template-listing_view.portaltype-plone-site">col-xs-12 col-sm-12</xsl:if>
      <xsl:if test="not(//aside[@id='portal-column-two'])">col-xs-12 col-sm-12</xsl:if>
    </xsl:variable>
    <div class="{$central}">
      <div class="row">
        <div class="col-xs-12 col-sm-12">
          <xsl:apply-templates css:select="#content" />
        </div>
      </div>
      <footer class="row">
        <div class="col-xs-12 col-sm-12">
          <xsl:copy-of css:select="#viewlet-below-content" />
        </div>
      </footer>
    </div>
  </replace>

  <!-- BANNER -->
  <rules css:if-content=".viewpermission-view">
    <replace css:theme=".main-banner">
      <header class="main-banner" role="banner">
        <xsl:copy-of css:select="#portal-footer-wrapper .portlet-static-banner > *" />
      </header>
    </replace>
  </rules>

  <!-- LEFT COLUMN (only for @@manage-portlets) -->
  <rules css:if-content=".portlets-manager">
    <drop css:content=".portlet-static-about-us, .portlet-static-whats-hot-right-now" />
    <before css:theme="#column-container">
      <div class="col-xs-6 col-sm-6 sidebar-offcanvas">
        <aside id="portal-column-one">
          <xsl:copy-of css:select="#portal-column-one > *" />
        </aside>
      </div>
    </before>
  </rules>

  <!-- ABOUT US & WHAT'S HOT -->
  <rules css:if-content=".viewpermission-view">
    <replace css:theme="#column-container">
      <div class="col-xs-12 col-sm-12" role="complementary">
        <aside id="portal-column-one">
          <xsl:copy-of css:select="#portal-column-one > *" />
        </aside>
      </div>
    </replace>
  </rules>

  <!-- RIGHT COLUMN -->
  <rules css:if-content="#portal-column-two" css:if-not-content=".viewpermission-view">
    <replace css:theme="#column-container">
      <div class="col-xs-6 col-sm-3 sidebar-offcanvas" role="complementary">
        <aside id="portal-column-two">
          <xsl:copy-of css:select="#portal-column-two > *" />
        </aside>
      </div>
    </replace>
  </rules>

  <!-- FOOTER -->
  <replace
      css:if-content=""
      css:content=".portletActions a"
      css:theme-children="footer .text-right" />

  <!-- TOOLBAR -->
  <replace css:theme="#portal-toolbar" css:content-children="#edit-bar" css:if-not-content=".ajax_load" css:if-content=".userrole-authenticated" />
  <replace css:theme="#anonymous-actions" css:content-children="#portal-personaltools-wrapper" css:if-not-content=".ajax_load" css:if-content=".userrole-anonymous" />

</rules>