Which framework is better, W3.CSS or Bootstrap?

Both of these are essentially style guides. A way of doing things. I recommend Bootstrap because of the following points. The large number of websites currently using it The large number of contributors and bug testers on the open source project Being more marketable for jobs because more teams use it and you don’t have… Read more »

Continue Reading

Category: Common Questions

How to Change the Bootstrap Text Size and Make the Font Size Responsive

  Do you want to adjust the default font sizes in Bootstrap 4? You can either adjust the Sass variables or write new CSS styles to override the default values. In this tutorial, I will provide the default font size values and show you how to change the values based on the Bootstrap 4 breakpoints…. Read more »

Continue Reading

Category: Common Questions

How to Detect and Run JavaScript When Bootstrap Media Query Breakpoints Change

Update: I created a small jQuery plugin that adds media query detection for Bootstrap 3 and 4 projects. You can learn more about IfBreakpoint.js here. Have you ever wanted to trigger some javascript at a certain media query value? Relying on document.width() has problems because it includes browser scrollbars. A simpler and more accurate solution… Read more »

Continue Reading

Category: Tutorials

How to Reorder Columns with Bootstrap 4 Order Classes

With Bootstrap 4 column ordering it is best to start out understanding how the natural or default column ordering works. When your browser reads your HTML code it reads from the top and works its way down reading left to right. So in a two column grid, the first column will be the first one… Read more »

Continue Reading

Category: Tutorials

How to Create a Full Width Bootstrap 4 Responsive Carousel

Do you want your Bootstrap 4 carousel to extend the full width of the browser window? Do your images look cut off or have unwanted padding on the left and right? In this tutorial we will take a closer look at the Bootstrap 4 carousel and determine the best approach in making it full width… Read more »

Continue Reading

Category: Tutorials

Close Navbar When Nav Link is Clicked

By default the navbar dropdown stays open when clicked. This can be an issue if you are using name anchor’s or linking to an id like href=”#section”

Continue Reading

Category: Code Snippets

What Are the Pros and Cons of Using Bootstrap in Web Development?

Is a CSS Framework Like Bootstrap Even Necessary? If you are new to CSS frameworks, you are probably wondering what the benefits are of using Bootstrap in your project. Prior to using Bootstrap, I used a boilerplate I wrote myself that consisted of a reset, basic grid, typography, utilities, and media queries. Below are the benefits I… Read more »

Continue Reading

Category: Articles

When Will Bootstrap 4 Be Released?

Update Bootstrap 4 is now out of Beta and stable v4.0.0. Learn more I recommend keeping track of the project milestones to gauge the progress. Track Bootstrap Milestones As of 5/24/2017 the Beta is 92% complete. You can drill down to see what is still needed to be completed in the ship list. You could… Read more »

Continue Reading

Category: Common Questions

Sparky Bootstrap 3 Sass Starter Project and Tutorial

It was a challenge for me to understand Grunt, Sass, and GitHub. So I decided to share a starter project I use for each Bootstrap 3 Sass project as well as a video tutorial series to help you learn the workflow.. Sparky: A Bootstrap 3 Sass starter project I created a starter project that provides… Read more »

Continue Reading

Category: Articles

Starting Front-end Development with Bootstrap Sass

“It’s through mistakes that you actually can grow. You have to get bad in order to get good.” – Paula Scher, designer Good Reads Ways to Make Bootstrap Columns the Same Height JavaScipt for Web Designers: DOM Scripting [tool] I just heard about Adobe XD which looks like a great way to build prototypes other than… Read more »

Continue Reading

Category: Articles