Answer:- The following are some advantages of Bootstrap: • Bootstrap is simple to use and anyone with a basic understanding of HTML and CSS can get started. • Features that adapt to phones, tablets, and desktops: Bootstraps responsive CSS adapts to phones, tablets, and desktops. • A mobile-first strategy: Mobile-first styles are built into the Bootstrap framework. • Bootstrap 4 is compatible with all modern browsers, including Chrome, Firefox, Internet Explorer 10+, Edge, Safari, and Opera.

Answer:- A bootstrap container is a handy class that generates a central region on the page where we can put our site content. The bootstrap .container has the advantage of being responsive and containing all of our other HTML code. Containers are used to pad the content within them, and there are two types of containers: • The .container class creates a fixed-width container that is responsive. • The .container-fluid class creates a full-width container that spans the entire viewport width.

Answer:- The default font size in Bootstrap 4 is 16px, with a line-height of 1.5. The default font family is "Helvetica Neue," which includes Helvetica, Arial, and other sans-serif fonts. Margin-top: 0 and margin-bottom: 1rem are also set on all p elements (16px by default).

Answer:- The Bootstrap Grid System is a mobile-first, responsive grid system that scales up to 12 columns as the device or viewport size grows. Predefined classes for quick layout options and powerful mix-ins for creating successful semantic layouts are included in the system. There are five classes in the Bootstrap 4 grid system: • .col- for extra small devices, whose screen width is less than 576px. • .col-sm- small devices, whose screen width is equal to or greater than 576px. • .col-md- medium devices, whose screen width is equal to or greater than 768px. • .col-lg- large devices, whose screen width is equal to or greater than 992px. • .col-xl- extra large devices, whose screen width is equal to or greater than 1200px. The classes listed above can be combined to build layouts that are more dynamic and adaptable.

Answer:- Multiple buttons can be placed together on a single line using button groups. You can use this to group objects together, such as alignment buttons. The .btn-group class is used for basic button groups. You can use the class .btn to wrap a set of buttons in .btn-group.

Answer:- To make thumbnails with Bootstrap, go through the steps below: Wrap an image in an tag with the class .thumbnail. It will add a grey border and four pixels of padding. An animated light will now outline the image when it has hovered over.

Answer:- Breadcrumbs are a wonderful way to display a sites hierarchy-based information. Breadcrumbs can show the dates of publication, categories, and tags in the case of blogs. They show where the current page is in the navigational hierarchy. In Bootstrap, a breadcrumb is essentially an unordered list with the class .breadcrumb. CSS adds the separator for you automatically.

Answer:- To make thumbnails with Bootstrap, go through the steps below: Wrap an image in an tag with the class .thumbnail. It will add a grey border and four pixels of padding. An animated light will now outline the image when it has hovered over.

Answer:- In Bootstrap, there are two straightforward ways to display code: • The element is used to showcase a piece of inline code. • You can use the

 tag to display a code that has multiple lines or even a block element.