Twitter Bootstrap for Adobe CQ / AEM

This task installs the latest Twitter Bootstrap frontend library as cq client library. It uses the grunt task runner and the grunt-sling-content plugin from https://github.com/francescomari/grunt-sling-content

Installation Requirement

Running CQ instance
NodeJS with node package manager https://npmjs.org

Installation

Edit the constants in Gruntfile.coffe for your local CQ environment
Install grunt-cli globally with npm install -g grunt-cli.
Install the necessary local dependencies via npm install
Run grunt

Test

Call sample page at http://YOUR-CQ-HOSTNAME:AND-PORT/libs/bootstrap/content/example.html

Using

<html lang="en">
  <head>
    <cq:includeClientLib css="bootstrap" />
    <title>Bootstrap Example</title>
  </head>
  <body>
  <div class="container">
....
  </div>
    <cq:includeClientLib js="bootstrap" />
  </body>
</html>

Authors

Burkhard Pauli

http://twitter.com/bupauli