Bootstrap
Bootstrap Scrollspy
The Bootstrap Scrollspy plugin is used to automatically update links in a navigation list based on scroll position. See this example: <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title>…
Bootstrap Popover
The bootstrap popover plugin is very similar to tooltips. It appears as a pop-up box when the user clicks on an element. The difference is…
Bootstrap Modals
The bootstrap modal plugin is a dialog box / popup window that is displayed on top of the current page. Bootstrap Modal Example <!DOCTYPE html> <html lang=“en”>…
Bootstrap Input Types
Input type: checkbox Input type: radio button Bootstrap Checkbox Checkbox facilitates you to select any number of options from a list of present options. See…
Bootstrap Navigation Bar
A navigation bar is like a navigation header that is placed at the top of the page. You can collapse or extend it according to…
Bootstrap Tabs and Pills
Bootstrap Menus Menus are used in most of the web pages. These are defined in an unordered list <ul>. You have to add the .list-inline…
Bootstrap Collapse
Bootstrap collapse is used when you want to hide and show large amount of content. The “.collapse” class is used to specify the collapsible element….
Bootstrap Dropdowns
Dropdown menus are toggleable, contextual menus, used for displaying links in a list format. It facilitates users to choose one value from a predefined list….
Bootstrap List Groups
Bootstrap list group is used to create a group of list with list items. The most basic list group is an unordered list containing list…
Bootstrap Progress Bar
The progress bar shows how far a user is in a process. In Bootstrap, there are several types of progress bars. The class .progress within…