Home » Tag: Bootstrap 4

Freebie: Bootstrap 4 Toggle Cards

Add these slick toggle effects to your Bootstrap 4 cards to give your site a bit more WOW factor. Live Demo Free Download The new Bootstrap 4 Card component is a great & flexible addition to Bootstrap so we thought we’d look at expanding it some more! The HTML The markup builds on top of

Read More

Getting started with Bootstrap 4 Flexbox

With optional Flexbox support being added to Bootstrap 4 you’re probably wondering what the hyper is about and exactly what Flexbox is and can do so here’s a quick guide to get you started with Flexbox in Bootstrap 4. What is Flexbox & what it can do? CSS Flexible Box Layout Module, or simply Flexbox,

Read More

10 Bootstrap Icon Packs

With Bootstrap Glyphicons being removed from Bootstrap 4 you might be interested in what other Bootstrap icon packs you could use in your Bootstrap projects, so here’s a list of 10 Bootstrap icon packs you might like. Why Use Bootstrap Icon Packs? Icon packs are essential for the design of any web development project. Being

Read More

Freebie: Bell Bootstrap 4 Theme

Bell is a single page Bootstrap 4 theme. Live Demo Free Download Key features include: Bootstrap 4 support SASS files include Parallax blocks Animated scrolling Counters Slick modern design One pager design Live Demo Free Download

Read More

Freebie: Sticky Bootstrap navbar on scroll for Bootstrap 4

The release of Bootstrap 4 will see the end of the affix plugin leaving developers & site builders needing to find an alternative for their fixed navbars and elements. We’ll be covering a complete solution in a future article but in the meantime we’ve put together a quick solution for Bootstrap 4 Sticky Navbars. Bootstrap

Read More

Bootstrap 4 – Glyphicons migration?

Among all the practicalities brought to web development by the Bootstrap framework along the years, icon words were arguably one of the most important. Up until its latest version, Bootstrap had the Glyphicons library included by default in its framework. The package’s sharp clean and minimalist icons were of super easy integration and fitted well

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

Bootstrap 4 Upgrade First Run

With Bootstrap 4 alpha 2 being released back in early December we thought it was time to dive in and start upgrading some of our themes from Bootstrap 3 to Bootstrap. We started with our free Flexor Lite Bootstrap theme, here’s what we learnt. Before We Begin Note: Alpha releases can still be a bit

Read More

Quick Glance At Bootstrap 4 alpha

Bootstrap recently turn 4 and hot on the heels was the announcement of the first alpha release of Bootstrap 4. Bootstrap 4 was a huge rewrite but still contains all the Bootstrap goodies we’re used to and now a bit more. Here’s a few changes that stood out from our quick glance. Shift from LESS

Read More