Solution: Bootstrap includes 260 glyphs from Glyphicon Halflings set. They are normally not available for free, but their creator has made them available for Bootstrap free of cost.

Solution: The affix plugin allows an element to become affixed (locked) to an area on the page. It is often used with navigation menus or social icon buttons, to make them “stick” to the specific area while scrolling up and down the page. An alert message box is created on window by alert element. popover box displays when user clicks on that element. Tootlip is popoup box which appears when user hovers the mouse pointer on it.

Solution: affixed.bs.affix occurs after fixed positioning is added to the element e.g. after .affix-top class is replaced with .affix class, affix-bs.affix occurs before fixed positioning is added to the element e.g. when .affix-top class is to be replaced with .affix class. Affix-top-bs.affix occurs before top ekement return to its original place. Affixed-top-bs.affix occurs before top ekement return to its original place.

Solution: .alert-dismissible indicates a closable alert box, together with .close class, this class is used to close the alert, adds extra padding, .alert-danger creates the red alert, indicates dangerous or potentially negative action. .alert-link is used on links inside alerts to give matching coloured links. .alert-success displays a green alert.

Solution: .active makes the button appear pressed, .disabled makes button disabled, .btn-link makes the button look like a link, .btn-block makes a block-level button, spans the full width of the parent element.

Solution: button(“reset”) changes button text to original text if changed, .button(“toggle”) makes button look pressed, .button(“loading”) disables the button and changes the button text to “loading…” .button(“string”) specifies a new button.

Solution: .carousel creates a slideshow. .carousel-inner is a container for slide items. .carousel-inner adds slides to the carousel, .item specifies the content of each slide, .carousel-indicators adds indicators for the carousel, these are little dots at bottom of each slide which indicates how many slides are there in the carousel and the slide which the user is currently viewing.

Solution: interval specifies the delay in milliseconds between each slide, we can set the interval to false to stop items from automatically sliding, its default value is 5000. The set value should be number or Boolean false.

Solution: .collapse(“options”) activates collapsible element with an option, .collapse(“toggle”) toggles collapsible element, .collapse(“show”) shows collapsible element, .collapse(“hide”) hides collapsible element.

Solution: shown.bs.collapse occurs when collapsible element is fully shown after CSS transitions have completed, show..bs.collapse occurs when collapsible element is about to be shown. hidden.bs.collapse occurs when collapsible element is fully hidden. .hide.bs.collapse occurs when collapsible element is about to be hidden.