14 October 2011


Bootstrap is Twitter's toolkit for kickstarting CSS for websites, apps, and more. It includes base CSS styles for typography, forms, buttons, tables, grids, navigation, alerts, and more.

To view the original -- checkout!

For this ensemble, the original has been modified to use the Sections Grid from the Markup Library to enable the markup and styles from the Bootstrap toolkit to be used in responsive web design.

The ensemble demonstrates the possibility of using two sections in Symphony to manage snippets of HTML and dynamically arrange the content of a complex page layout, using a fluid grid system. The layout is based on modifications to Bootstrap, from Twitter to create a responsive version of Bootstrap, as a fork of the original repository on GitHub.

Clone the Git Repository for the Ensemble

The ensemble pulls the responsive branch of the Domain7 fork into the workspace as a submodule. To clone the ensemble repository, use the following command:

git clone --recursive git:// bootstrap

This will clone version 2.2.3 of the Symphony core and recursively clone all submodules, including extensions and the workspace, to be able to install Symphony with the responsive version of Bootstrap.

Download the Ensemble

Or, if you don't want to use Git, just download the complete ensemble from GitHub as a ZIP archive.

Installing Symphony

For instructions on installing Symphony, refer to the README file in the master branch of this ensemble, which is a fork of the master branch of the Symphony CMS repository, modified to include submodules for additional extensions and the workspace. You can also find guides for installing and using Symphony on the Symphony CMS site.

Just the HTML and CSS

Or, if you just want the HTML and CSS, just clone the responsive branch of the Domain7 fork of the Bootstrap toolkit.

git clone --branch responsive git://

All changes have been added to the css directory, and are demonstrated by the index.html in the responsive directory. A responsive page template example has also been added to the examples directory.

A Work in Progress

The responsive version is still a work in progress and the CSS has not been optimized or minimized. There is still work to be done on the form fields, navigation and other design patterns to optimize them for use in responsive web design.

As always, feel free to fork the repository, make changes and submit a pull request to improve on this first attempt at a responsive version of Bootstrap.


Please log any issues you find for the responsive version of Bootstrap using the issues tracker on GitHub.

Please log any issues you find for the Symphony Bootstrap Ensemble using the issues tracker on GitHub.

Please log any issues you find for Symphony CMS using the issues tracker on GitHub.


Discuss this Ensemble


bootstrap-large-1318691243.png bootstrap-responsive-grid-1318691243.png bootstrap-medium-1318691243.png bootstrap-narrow-1318691243.png

Symphony • Open Source XSLT CMS

Server Requirements

  • PHP 5.3-5.6 or 7.0-7.3
  • PHP's LibXML module, with the XSLT extension enabled (--with-xsl)
  • MySQL 5.5 or above
  • An Apache or Litespeed webserver
  • Apache's mod_rewrite module or equivalent

Compatible Hosts

Sign in

Login details