Bootstrap Resources

Published February 25, 2017

Bootstrap is a popular HTML, CSS, and Javascript frontend framework to quickly develop clean, responsive, and well layed out websites. I have used Bootstrap in every web-based project I have started because it makes styling and placing of web objects easy and straightforward.

Continue reading...

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, 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...