Drupal 7 Theme

I thought I'd write a quickie on setting up Bootstrap Theme. It can be quite a headache for a UX/UI Designer/Developer and its the most used framework for Drupal and without research I'm pretty certain Wordpress too.

You can code your theme using developer tools like Ruby or Node which operate as compilers for either SASS or LESS the preprocessing code for CSS.

Often the main issue is which to choose, LESS having its attributes and SASS too, its up to you. There are GUI's but I use command line from terminal.

Steps.
Download Bootstrap Theme.
Pull that into your theme directory
Choose which starterkit to work from LESS or SASS
Rename the SASS folder to you theme name. Edit the starterkit file to your .info file
Pull down the bootstrap framework into your theme with its own bootstrap folder ./myTheme/bootstrap/
You'll notice that in your copied theme folder SASS nw mytheme there is no RB config file. You need to now initialize this with your dev tool, like "compass init"

In the rb config file edit out the lines for using scss as your preference rather than sass and run the command that is written.
the rb config file looks like

Get in touch

Contact Endarr for your enquiries. As a Product Designer and Drupal Solution Architect he will be able to assist you on your project, large or small.
Call today on
Tel: 0795 1889738 or
Email: endarrATwebinmotion.co.uk