16 Jul

All Bootstrap Progress Bars

This example shows how to use progress bars using bootstrap framework.

Firstly, you should add the following code to the head section in html:

  
  
  
  
  

SAMPLE USAGE:

    
25% Complete
40% Complete
50% Complete
90% Complete
55% Complete (success)
30% Complete (warning)
10% Complete (danger)

RESULT:

25% Complete

40% Complete

50% Complete

90% Complete

55% Complete (success)
30% Complete (warning)
10% Complete (danger)

16 Jul

Simple Bootstrap Tooltip

This example shows how to create a simple tooltip using bootstrap framework.

Firstly, you should add the following code to the head section in html:

  
  
  
  
  
  

SAMPLE USAGE:

    

RESULT:
bootstrap tooltip example

16 Jul

Bootstrap Alert Messages

This example shows how to use alert messages using bootstrap framework.

Firstly, you should add the following code to the head section in html:

  
  
  
  
  

SAMPLE USAGE:

    
× Success! Your message has been sent successfully.
× Warning! There was a problem with your network connection.
× Note! Please read the comments carefully.
× Error! A problem has been occurred while submitting your data.

RESULT:
bootstrap alert messages

16 Jul

Bootstrap Accordion Menu

This example shows how to create accordion menu using bootstrap framework.

Firstly, you should add the following code to the head section in html:

  
  
  
  
  

SAMPLE USAGE:

    

HTML or HyperText Markup Language is the standard markup language used to create web pages.

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language.

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

RESULT:
bootstrap accordion menu