How can I find a full Bootstrap class reference with descriptions?
I recently put together a desk reference of all of the Bootstrap CSS classes. It also includes sample code snippets of frequently used components. The download page also has a sortable table to...
Category: Common Questions
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...
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...
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...
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...
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...
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" // Close Bootstrap 3 navbar when a nav item is...
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...
Category: Articles
5 Important Things to Keep in Mind When Making a Responsive Web Design?
1. Write your CSS mobile first Write as though you are only targeting a mobile device. 2. Work in gradual stages Once the mobile device looks good add styles in media queries for larger viewports...
Category: Articles
Why Is Responsive Web Design Good?
I believe responsive web design is good because it solves the mobile friendly website challenge in the least amount of time/cost. One stylesheet for all devices Can be setup by one...
Category: Common Questions