The default css in Jekyll is simple. Which is great; Jekyll is a bare-bones system that you customize. And it’s easy to add bootstrap via sass.

I followed this blog post.

In brief:

  • Download the sass (yay!) port of Bootstrap from github.
  • Copy the assets/stylesheets/boostrap directory and the assets/stylesheets/_bootstrap.scss file to the Jekyll project’s _sass directory.
  • Add bootstrap to the @import directive in the site’s css/main.css file.

That’s pretty much it. Bootstrap css elements are now available. They won’t take effect until you use them, though. Start by replacing the wrapper css classes in your templates with container.