Skip to content
Ralf Hertsch edited this page Apr 26, 2014 · 10 revisions

The tt_bootstrap_one template show you how to create a template in Responsive Webdesign with the Bootstrap CSS Framework and the TemplateTools.

This template is using:

and looks like:

The template tt_bootstrap_one needs only 41 lines in your index.php:

<!DOCTYPE html>
<html lang="en">
  <?php
    require_once WB_PATH.'/kit2/extension/phpmanufaktur/phpManufaktur/TemplateTools/initialize.php';  
    $template['twig']->display('@pattern/bootstrap/head.simple.twig');
  ?>
  <body>
    <div class="container">    
      <div class="logo-container row">
        <div class="logo col-sm-3 hidden-xs">
          <a href="<?php echo CMS_URL; ?>" title="<?php echo CMS_TITLE; ?>">
            <img src="<?php echo MANUFAKTUR_URL; ?>/TemplateTools/extension.jpg" class="img-responsive" alt="TemplateTools" />
          </a>
        </div>
        <div class="template-name col-sm-9 col-xs-12">
          <div class="template-name-header">
            <?php echo TEMPLATE_NAME; ?>
          </div>
          <div class="template-name-path">
            <?php echo TEMPLATE_PATH; ?>
          </div>
        </div>
      </div>      
      <div class="content row">
        <div class="main col-sm-9 col-sm-push-3">
          <?php $template['twig']->display('@pattern/bootstrap/search.div.twig'); ?>
          <?php $template['bootstrap']->breadcrumb(); ?>
	      <?php $template['cms']->page_content(); ?>
        </div>        
        <div class="navigation col-sm-3 col-sm-pull-9">
          <?php $template['cms']->show_menu2(); ?>
        </div>       
      </div>      
      <div class="footer row">
        <div class="col-sm-9 col-sm-offset-3">
          <?php echo PAGE_FOOTER; ?>
        </div>
      </div>
    </div>
  </body>
</html>