Skip to main content

1 follower
0 questions
38 posts

Bootstrap Glyphicons & Badges :

Glyphicons :

Bootstrap provides 260 glyphicons from the Glyphicons halfling set.

Glyphicons can be used in text, buttons, toolbars, navigation, forms, etc.

Here are some examples of glyphicons:

  • Envelope glyphicon
  • Print glyphicon
  • Search glyphicon
  • Download glyphicon


Syntax :

<span... (More)

Bootstrap Progress Bars :

Basic Progress Bar :

A progress bar is used to show the user how far he/she’s completed the process.

Progress bar with Label :

Shows the percentage of work done.

Colored progress bar :

Shows the meaning of the progress... (More)

Bootstrap Dropdowns :

A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list.

Example :

<!DOCTYPE html>



<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="">;

<script src=""></script>;

<script src=""></script>;



<div class="container">... (More)

Bootstrap Alerts :

Bootstrap Alerts :

BS provides an easy way to create and add predefined alert messages into the webpage

Alerts are created with .alert class, followed by one of the four contextual classes .alert-success, .alert-info, .alert-warning or .alert-danger.

Example :

<!DOCTYPE... (More)