Bootstrap3 with accounts support in MeteorJS

December 30, 2013

Reading time ~1 minute

I’m writing a project where I’m using Bootstrap 3 and MeteorJS. As MeteorJS ships with Bootstrap 2, we’re using Meteorite to handle packages.

If you haven’t installed Meteorite already, please have a look at the Meteorite README.

Install necessary packages

We will need to install three packages, one for Facebook authentication support, one for Bootstrap 3 itself and one for the accounts user interface with Bootstrap 3 support.

mrt add accounts-facebook
mrt add bootstrap-3
mrt add accounts-ui-bootstrap-3

Client HTML code

Ok, let’s take a look at the client side HTML code. I’ve two templates, one with the body text and one with the Bootstrap 3 navbar. Note how easy it is to add the loginButtons to the menu.

The application should look something like this now:


Don’t forget to configure your Facebook app according to the instructions when clicking Configure Facebook login.

Done!

That’s all you’ll need to do to get Bootstrap 3 and a Bootstrap 3 styled accounts interface up and running.

Running vim-airline with Maximum Awesome

I use [Maximum Awesome](https://github.com/square/maximum-awesome) when I code in [vim](http://www.vim.org/), it's a great starting place...… Continue reading

Quicksort implementation in Python

Published on August 04, 2014

Fibonacci generator in Python

Published on August 04, 2014