Skip to main content

PHP
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

Etc.

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>

<html>

<head>

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

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>;

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>;

</head>

<body>

<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)