Layout Templates - Mura Docs v6

Layout Templates

The MuraBootstrap theme ships with eight layout templates, which can handle the layout needs of many sites.

  1. home.cfm (Contains a hard-coded "class=home" for specific styles)
  2. one_column.cfm (A simple one column template)
  3. two_column_SL.cfm (Two columns, side bar on the left, main content on the right)
  4. two_column_SR.cfm (Two columns, sidebar on the right, main content on the left)
  5. three_column.cfm (Three columns, sidebars on left and right, content in the middle)
  6. default.cfm (Includes two_column_SL.cfm)
  7. blank.cfm (Renders the Body only.)
  8. xml.cfm (To allow rendering directly to XML for use in another context such Flash.)

Below is the content of the three_column.cfm template:

<cfinclude template="inc/html_head.cfm" />
<body id="#$.getTopID()#" class="#$.createCSSid($.content('menuTitle'))#">
<cfinclude template="inc/navbar.cfm" />
<div class="container">
<div class="row">
<aside class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="clearfix visible-xs"></div>
<section class="col-lg-6 col-md-6 col-sm-8 col-xs-12 content">
<cfinclude template="inc/breadcrumb.cfm" />
, pageTitle=$.content('title')
, crumbList=false
, showMetaImage=true
<aside class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
</div><!--- /.row --->
<cfinclude template="inc/footer.cfm" />
</div><!-- /.container -->
<cfinclude template="inc/html_foot.cfm" />