Question:- What is a bootstrap card and how would you create one?
Answer:- In Bootstrap 4, a card is a bordered box with padding surrounding its content. It has options for headers, footers, content, and colors, among other things.
Question:- What are the two types of spinners that you can create using Bootstrap?
Answer:- Use the .spinner-border class to make a spinner/loader. If you want the spinner/loader to grow instead of "spin", use the .spinner-grow class.
Question:- Explain input groups in Bootstrap.
Answer:- The .input-group class is a container for enhancing an input by adding a "help text" icon, text, or button in front or behind the input field. To add the help text in front of the input, use .input-group-prepend, and to add it behind the input, use .input-group-append. Finally, style the provided help text with the .input-group-text class.
Question:- Discuss Bootstrap table and various classes that can change the appearance of the table.
Answer:- • A basic Bootstrap 4 table features horizontal divisions and light padding. • The .table class gives a table some basic styling. • The .table-striped class gives zebra stripes to the table. • The .table-bordered class adds borders to the table and cells on all sides. • On table rows, the .table-hover class adds a hover effect (grey background color).
Question:- What is the media object in Bootstrap and what are their types?
Answer:- Bootstraps media objects allow you to position media objects such as images, videos, and audio to the left or right of content blocks. Media elements can be constructed using the class .media and the source is specified by using the class .media-object. There are two types of media objects: • .media • .media-list
Question:- What do you mean by the Bootstrap well?
Answer:- The Bootstrap well is simply a container that makes the content appear sunken. It can also produce an inset effect on the webpage. With the aid of
and class, a developer may create a well and also wrap the content in the well. The content will be displayed according to your preferences.
Question:- What are glyphicons?
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.
Question:- What is bootstrap pagination and how are they classified?
Answer:- If your website has lots of pages, you might require adding some sort of pagination to each page.
Question:- What are badges?
Answer:- Badges are used to supplement any content with additional information.
Question:- Which class will you use to make your badge look more rounded?
Answer:- To make the badges more rounded, we use the .badge-pill class.
Question:- What do you understand by column ordering in Bootstrap?
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.
Question:- Explain the affix plugin.
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.
Question:- What are Bootstrap collapsing elements?
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.
Question:- In Bootstrap, what is a scrollspy?
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.