Home » Tag: Tutorial

Bootstrap 4 fullscreen backgrounds and slideshows

Today we’re going to show you how to add fullscreen background images and slideshows to your Bootstrap 4 and Bootstrap 3 sites. We’re going to be using an excellent little plugin called Backstretch to do the heavy Javascript work and then implement our own HTML data attributes to make triggering the fullscreen backgrounds easy and

Read More

How to make Bootstrap 3 & 4 dropdowns show on hover for desktop only

It’s a very common question in the Bootstrap community ever since Bootstrap 3 where dropdowns could only be opened on click rather than hover. In this Bootstrap how to for both Bootstrap 3 and Bootstrap 4 we’ll show you how to open Bootstrap dropdowns on hover for desktop but maintain the click trigger for mobile

Read More

How to prepare your site for Bootstrap 4

With Bootstrap 4 pushing towards a third alpha release we’d thought we’d share how we’re preparing ourselves for the release of Bootstrap 4 with a few simple steps. 1. Follow development on GitHub Whether you’re a developer or a beginner you can follow Bootstrap 4 development as it progresses on GitHub. Using a GIT UI

Read More

How to make your Bootstrap site retina-ready

Learn how to add stunning retina-ready images to your Bootstrap site. Why Bother? Well first of all, making your Bootstrap site retina ready is totally optional but as we touched on in a previous retina article the amount of retina ready devices in circulation is now into the millions so it’s worth consideration before opting

Read More

How to add plugins to your Bootstrap site

Here at BootBites we love third-party Javascript & CSS plugins, they save time and money and speed up development (most of the time)! In this tutorial you’ll learn the basic principles of adding plugins to your Bootstrap site so you can add all the plugins you like! What’s a third-party plugin? A plugin is some

Read More

Freebie: Responsive Equal Height Columns in Bootstrap

Create seamless responsive equal height columns in Bootstrap with the jquery.matchHeight plugin. Yes, it’s Javascript! Before we begin I should point out that you can achieve equal height columns with just CSS but for the purpose of this tutorial we wanted to create some more robot and generic which could be reused from multiple Bootstrap

Read More

Freebie: Bootstrap DropDown Effects with Animate.css

Here’s the first in a long list of tutorials / code snippets to come here on Bootbites.com, This one is aimed at spicing up your Bootstrap dropdowns with some cool effects from Animate.css. Live Demo Free Download We’re going to take a bog standard Bootstrap navbar with dropdowns and then hook into the Bootstrap Dropdown

Read More