Layout Templates
The MuraBootstrap theme ships with eight layout templates, which can handle the layout needs of many sites.
- home.cfm (Contains a hard-coded "class=home" for specific styles)
- one_column.cfm (A simple one column template)
- two_column_SL.cfm (Two columns, side bar on the left, main content on the right)
- two_column_SR.cfm (Two columns, sidebar on the right, main content on the left)
- three_column.cfm (Three columns, sidebars on left and right, content in the middle)
- default.cfm (Includes two_column_SL.cfm)
- blank.cfm (Renders the Body only.)
- 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:
<cfoutput>
<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">
#$.dspObjects(1)#
</aside>
<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" />
#$.dspBody(
body=$.content('body')
, pageTitle=$.content('title')
, crumbList=false
, showMetaImage=true
)#
#$.dspObjects(2)#
</section>
<aside class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
#$.dspObjects(3)#
</aside>
</div><!--- /.row --->
<cfinclude template="inc/footer.cfm" />
</div><!-- /.container -->
<cfinclude template="inc/html_foot.cfm" />
</cfoutput>