Answer:- Glyphicons are icon fonts that you can use on your website. Their developer has made them freely available for Bootstrap projects. To utilize the icons, simply copy and paste the following code anywhere in your code. To ensure adequate padding, leave a space between the icon and the text.

Answer:- If your website has lots of pages, you might require adding some sort of pagination to each page.

Answer:- Badges are used to supplement any content with additional information.

Answer:- To make the badges more rounded, we use the .badge-pill class.

Answer:- One of the most intriguing properties of bootstrap is column ordering. The columns can be readily written in a specific order by utilizing relevant functions. You might alternatively put them in a different column. Use the push and pull column classes to easily rearrange or rearrange the order of the columns. These classes are used in conjunction with the .col-xs-#, .col-sm-#, .col-md-#, and .col-lg-# Bootstrap grid classes. .col-xs-push-# and .col-xs-pull-# are the push and pull classes for the Bootstrap grid. This also works well for sm, md, and lg. The pull class moves columns to the left, whereas the push class moves them to the right.

Answer:- The affix plugin allows you to affix a div to a particular location on the page. You may also use this plugin to turn on and off the pinning. Social icons are a good example of this. Theyll start in one position, but when the page reaches a certain point, the div will be frozen in place and will no longer scroll with the rest of the page.

Answer:- You may collapse any element with Bootstrap collapsing elements without creating any JavaScript code or accordion markup. To automatically delegate control of a collapsible element in bootstrap, add data-toggle= "collapse" to the controller element along with a data-target or href.

Answer:- Its an auto-updating nav component that allows you to grab sections of the page based on where youre scrolling. Based on the scroll position, the .active class will update from one nav item to the next.

Answer:- In Bootstrap, Jumbotron is used to highlight contents. It enlarges the headline and provides a margin for the landing pages content. In order to implement Jumbotron in Bootstrap, create a container div with the .jumbotron class.

Answer:- When the user moves the mouse pointer over an element, the Tooltip component appears as a little pop-up box. The Popover component is a pop-up box that emerges when the user clicks on an element. The popover may hold a lot more information. The popover will show on the right side of the element by default whereas the tooltip will show on the top of the element by default.

Answer:- The popover will show on the right side of the element by default. To position the popover on the top, bottom, left, or right side of the element, use the data-placement attribute. When you click on the element again, the popover closes by default. However, the data-trigger="focus" attribute can be used to close the popover when the user clicks outside the element. Use the data-trigger attribute with the value "hover" if you want the popover to appear when you move the mouse cursor over the element.

Answer:- The properties of flexbox are: • Enable flex behaviors: To make a flexible container and convert direct children elements into flex items, use the "display" utility. Additional flex characteristics can be used to further customize flex containers and items.