A simple, responsive template for building web mapping applications with Bootstrap, Leaflet, and typeahead.js.

A fork of Bootleaf, using Sass for generating CSS and with a Grunt driven build workflow to make it simpler to use Bootleaf as a template for your projects. Simpler if you use Sass and like Grunt that is. It worked for me, which was why I wrote this.

Native installers for most operating systems, as well as the source code are available on nodejs.org's download page. If you're using a Mac and Homebrew then try the following.

$ brew install node

Most operating systems come with Ruby preinstalled, but it's a good idea to check.

$ ruby -v

Grunt is installed via npm; if you've installed Node, you already have npm installed for you.

$ npm install -g grunt-cli

Bower is also installed via npm.

$ npm install -g bower

$ gem install sass

Clone the Bootleaf-Sass GitHub repository.

$ git clone [email protected]:vicchi/bootleaf-sass.git

Install all component dependencies.

$ bower install
$ npm install

Build all Javascript and CSS files using the latest version of Bootleaf's components.

$ grunt build

All of Bootleaf's files, with the exception of the index.html landing page, is contained within the assets directory. You can also package up all of the required files into a single dist directory, suitable for uploading to your web server of choice, using Grunt's deploy command.

$ grunt deploy

http://vicchi.github.io/bootleaf-sass/. See also the original Bootleaf demo here: http://bmcbride.github.io/bootleaf/

• Fullscreen mobile-friendly map template with responsive Navbar and modal placeholders
• jQuery loading of external GeoJSON files
• Logical multiple layer marker clustering via the leaflet marker cluster plugin
• Elegant client-side multi-layer feature search with autocomplete using typeahead.js
• Responsive sidebar feature list with sorting and filtering via list.js
• Marker icons included in grouped layer control via the grouped layer control plugin