Category: Bootstrap

Build a Simple Beginner App with Node, Bootstrap & MongoDB

If you’re just getting started with Node.js and want to try your hand at building a web app, things can often get a little overwhelming. Once you get beyond the “Hello, World!” tutorials, much of the material out there has you copy-pasting code, with little or no explanation as to what you’re doing or w...

Integrating Bootstrap with Vue.js using Bootstrap-Vue

In this article, we’ll explore how to integrate Bootstrap with Vue.js using Bootstrap-Vue. React and Vue.js are two leading, modern JavaScript frameworks for front-end development. While React has a steep learning curve, a complex build process (if you’re coming from a jQuery world), all you need to do to start usi...

Integrating Bootstrap with React: a Guide for Developers

Integrating Bootstrap with React allows React developers to use Bootstrap’s state-of-the-art grid system and its various other components. In this tutorial, we’re going to: explore tools and techniques for building a user interface with Bootstrap’s look and feel for a React-powered web application use reacts...

Customizing Bootstrap jQuery Plugins

Bootstrap comes packed with tons of ready-to-use jQuery-powered plugins. The beauty of Bootstrap’s plugins is that you can slot them into your project, write the appropriate markup using data- attributes, and the JavaScript kicks in automatically. No need to write any JavaScript code. There may be times when you’d ...

Building a Twitter Client with NodeJS and Angular

In this tutorial, we’re going to look at how to build a basic Twitter client with NodeJS, and an Angular application to display your home timeline of tweets. This is a rapid tour with things to consider while setting up your own Twitter client and Angular application. First, we’re going to build a NodeJS server, wh...

Freebie: 3 Amazing Bootstrap 4 Gallery Templates

A pack of 3 free Lightbox image galleries with interesting on-hover effects. Continue reading on Tutorialzine. ...

Freebie: Beautiful Pricing Table with Bootstrap 4

A free and easy to use pricing table template, built with the Bootstrap framework. Continue reading on Tutorialzine. ...

Freebie: 2 Beautiful Checkout Forms with Bootstrap 4

We present you two free Bootstrap 4 checkout forms that are easy to set up and use, and will save you a lot of time. Continue reading on Tutorialzine. ...

Getting Bootstrap Tabs to Play Nice with Masonry

On the Masonry website, we read that Masonry is … a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. Bootstrap is one of the most widely adopted, open-source, front-end frameworks. Include Bootstrap in...

8 Tips for Improving Bootstrap Accessibility

A few years ago, I wrote about my experiences on developing a Bootstrap version 3 project to be fully accessible for people with disabilities. This focussed mostly on how accessible it is in terms of front-end design. (It didn’t cover accessibility in terms of screen readers, as that’s a whole other story.) While I...