Skip to Content, PHP, MySQL, Javascript, Ajax, Htacces

Bootstrap Interview Questions and Answers For Graduates Part-3

Be First!

Bootstrap21.What is bootstrap navbar?
The navbar is one of the prominent features of Bootstrap sites. Navbars are responsive ‘meta’ components that serve as navigation headers for your application or site. Navbars collapse in mobile views and become horizontal as the available viewport width increases. At its core, the navbar includes styling for site names and basic navigation.

22.What is bootstrap breadcrumb?
Breadcrumbs are a great way to show hierarchy-based information for a site. In the case of blogs, breadcrumbs can show the dates of publishing, categories, or tags. They indicate the current page’s location within a navigational hierarchy.

23.Which class is used for basic pagination?

.pagination class is uesed to add the pagination on a page.

24.How will you customize links of pagination?
You can customize links by using .disabled for unclickable links and .active to indicate the current page.

25.What are bootstrap labels?
Bootstrap labels are great for offering counts, tips, or other markup for pages. Use class .label to display labels.

26.What are bootstrap badges?
Badges are similar to labels; the primary difference is that the corners are more rounded. Badges are mainly used to highlight new or unread items. To use badges just add <span class = “badge”> to links, Bootstrap navs, and more.

27.What is Bootstrap Jumbotron?
As the name suggest this component can optionally increase the size of headings and add a lot of margin for landing page content. To use the Jumbotron −

Create a container <div> with the class of .jumbotron.
In addition to a larger <h1>, the font-weight is reduced to 200px.
What is Bootstrap page header
The page header is a nice little feature to add appropriate spacing around the headings on a page. This is particularly helpful on a web page where you may have several post titles and need a way to add distinction to each of them. To use a page header, wrap your heading in a <div> with a class of .page-header.

28.How to create thumbnails using Bootstrap?
To create thumbnails using Bootstrap −

Add an <a> tag with the class of .thumbnail around an image.
This adds four pixels of padding and a gray border.
On hover, an animated glow outlines the image.

29.How to customize thumbnails using Bootstrap?
it’s possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails. Follow the steps below −

Change the <a> tag that has a class of .thumbnail to a <div>.

Inside of that <div>, you can add anything you need. As this is a <div>, we can use the default span-based naming convention for sizing.

If you want to group multiple images, place them in an unordered list, and each list item will be floated to the left.

30.What are bootstrap alerts?
Bootstrap Alerts provide a way to style messages to the user. They provide contextual feedback messages for typical user actions.

You can add an optional close icon to alert.



Leave a Reply