Snippets
bootstrap

How-to articles, tricks, and solutions about BOOTSTRAP

How to Add Colors to Bootstrap Icons with CSS

Using icons is great for every website. If you face the difficulty of adding color to Bootstrap icons, add the CSS color property. Change also the font-size.

html css color icon bootstrap

How to Align the Last Bootstrap Menu Item to the Right

In this tutorial, we will demonstrate how you can align the last menu item to the right in Bootstrap. Read the snippet and find some solutions to this problem.

html css alignment navbar bootstrap

How to Change the Size of Glyphicons

In this snippet, you’ll find out how to change the size of glyphicons. You need the CSS font-size property to increase all glyphicons or only one of them.

css bootstrap glyphicon

How to Hide Elements in a Responsive Layout

On this page, we are going to demonstrate how to hide elements in a responsive layout. Read this tutorial to find out how to use CSS and Bootstrap for that purpose.

html css bootstrap

How to Replace col-xs-* in Bootstrap 4

On this page, find out how you can make a column equal to extra small. To make it work in Bootstrap 4, you need to replace the col-xs-* class with col-*.

html css bootstrap

How to Vertically Align Two <div> Elements with Bootstrap

In this tutorial, learn how you can vertically align two <div> elements with Bootstrap. On this page, we’ll demonstrate some examples for Bootstrap 3.4.1 and 4.5.0.

html css flexbox bootstrap

Why and How the Bootstrap sr-only Class is Used

In this snippet, you can learn about the sr-only class and see how it is used in Bootstrap. To find more information, read our snippet and try examples.

html css bootstrap