Category: Interview Questions

The following three rules should be strictly kept in mind while using Grids in Bootstrap:-

The properties of flexbox are: 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. Default flexbox container:   You can also create an inline flexbox container. Responsive variations also exist. You can use direction…

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

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

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

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. You may also do the same thing with .collapse (options), .collapse (‘show’), or .collapse (‘hide’).

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. They’ll start in one position, but when the page reaches a certain point, the <div> will be frozen…

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…

Badges are used to supplement any content with additional information. To make rectangular badges, use the .badge class with a contextual class (like .badge-secondary) within <span> elements. It’s worth noting that badges scale to fit the parent element’s size (if any). To make the badges more rounded, we use the .badge-pill class.