View source for bootstrap-Theme

== Twitter Bootstrap Theme==
This page aims to bring together discussions from the themes forum related to the development of a moodle 'base' theme that conforms to the [http://twitter.github.com/bootstrap/ twitter bootstrap] coding conventions. There has already been a great deal of work done by inderviduals within the moodle community and it's hoped that by formulising this work we may be able to collaborate and build on this.


== Technical Approah ==
There are 5 major categories of development for this theme family:

* Layout
* Renderers
* Stylesheets
* Javascripts
* Settings (child themes)

=== Layout ===
The layout will be a 2 column layout based on the [http://twitter.github.com/bootstrap/examples/fluid.html "Fluid" example] providing an "out of the box" responsive grid.

=== Renderers ===
Multiple renderers will be developed to make Moodle output more bootstrap friendly by 1) outputting classes defined in bootstrap.css and 2) outputting semantic HTML exemplified in the bootstrap documentation

=== Stylesheets ===
Bootstrap.css will be the core CSS sheet with adjustments made to reduce re-duplication (like 'reset') and to define Moodle core classes that can't be matched to bootstrap via a renderer

=== Javascripts ===
[http://jshirley.github.com/bootstrap/javascript.html YUI Bootstrap plugins] will be dropped in to the theme in place of the jQuery version(s).

=== Settings ===
On the roadmap: create a child theme (or themes) to provide end users with custom settings, possibly including:

* static or fixed navbar
* light or dark color
* 2 or 3 column layout
* custom logo
* [http://bootswatch.com/ bootswatches]

== Success criteria ==
* To have developed a theme that can be used as a base theme, that looks and feels like the default bootsrap interface. (see: [http://twitter.github.com/bootstrap/getting-started.html#examples examples].

==Future developments ==
* To make a responsive version
* Create a library of custom renderers that can be used in themes to make UI changes
* Add theme settings that allo administrators to change the layout of templates through the theme interface.



== Links to discussions in forums: ==

* [http://moodle.org/mod/forum/discuss.php?d=212222 re-)bootstrap: work in progress]
* [http://moodle.org/mod/forum/discuss.php?d=212341 Amelia and Cyborg Bootswatches for Moodle]
* [http://moodle.org/mod/forum/discuss.php?d=208162 Bootstrap for Moodle project]