I added bootstrap to my blog. Adding bootstrap to Jekyll was real easy. I simply dropped the cdn scripts from bootstrap’s getting started page into the head.html file in the _includes folder as you can see here.

After all that was done, I wanted to have my site use a three column layout, which I applied here. I had some trouble with my “about” link colliding the “Fork me on GitHub” banner, which I solved using the Sass media query below:

    @media screen and (min-width: 768px) and (max-width: 992px) {
        .navbar-right{
            margin-right: 100px;
        }
    }

I don’t know anything about Sass, I’m more used with working Less. The default Jekyll theme came with sass, so I’m rolling with the punches. Sass seems to be gaining more popularity with Bootstrap 4 dropping Less in favor of Sass.

I’m a bit annoyed that I couldn’t use bootstrap variables inside the media query (because I’m using a CDN to load bootstrap), but I’ll worry about that later.

Next up, a proper archive. Because these massively impressive blog posts are stacking up! #sarcasm