Random Twitter Bootstrap Jumbotron Image on Each Page Load Using jQuery

Published June 11, 2014 • Updated June 17, 2017


The Twitter Bootstrap frontend framework provides a UI element called a Jumbotron. As stated at getbootstrap.com, it is “a lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site”.

In my particular case, I wanted to use the Jumbotron to display different, severely cropped photographs on each page load. This post will go through how to implement this using jQuery.

Continue reading...

Instant Search with Twitter Bootstrap, Jekyll, JSON, and jQuery

Published May 12, 2014 • Updated May 10, 2017


By default, the Twitter Bootstrap Search Field will use Google to search your site. This default functionality works (assuming Google has indexed your site), but it forces you out of your website to the Google search results page. With some tweaks, the search field can be wired to do whatever you want. I wanted a search field that functioned like Google Instant Search with the following features:

Continue reading...