Answer: Bootstrap is an advanced framework that is often used to create HTML, CSS, and JS web applications. Its layout is very responsive, fast, and easy to use. It focuses on building mobile applications using design templates. You can also create interactive objects such as drag, form, buttons, button groups, alerts, cards, tabs, and many more.
Q.#2) Why is Bootstrap used for mobile app development?
Answer: It is used for mobile app development because it has a few responsive features and easy-to-use design templates. In other words, it uses the original mobile method.
Q.#3) What is Fluid Layout?
Answer: The liquid layout is useful when you need to create an application that includes full screen width. The liquid structure adjusts itself according to the browser size. Q.#9) What is a fixed Layout? Answer: A fixed layout is a type of structure that is automatic and responsive and easy to use. Unlike liquid structure, it cannot adjust the size of the browser. The default setting should be 940px in most cases.
Q.#4) What are the main features of Bootstrap 5.
Answer: Main features of Bootstrap 5 are:
- Free and open source.
- Compatible with almost all modern browsers like Google Chrome, Firefox, Safari, Opera, and Internet Explorer.
- Responsive features.
- Easy to use.
- Speed.
- Contains a number of items and resources.
- Support for jQuery plugins.
- Customize easily.
- Mobile friendship.
- Easy integration.
- Good script support.
- Availability of a large number of templates, themes and plugins.
Q.#5) Name the key Components of Bootstrap 4.
Answer: Its key Components include:
- Scaffolding: A Bootstrap built into the responsive grid system contains a 12-column grid.
- JS plugins: Contains JS and jQuery plugins.
- CSS: Contains CSS files.
Q.#6) How many types of structures are there in Bootstrap 4 & 5?
Answer: There are two types of structures in Bootstrap 4 & 5.
- Fluid Layout
- Fixed layout
Q.#7) What do you mean by term container?
Answer: Containers are the most important features in Bootstrap. It behaves like a container where you can put HTML code, and it is the in-section where the content of the site can be placed for responsiveness and speed.
Q.#8) What do you mean by Bootstrap ClassLoader?
Answer: The Bootstrap Class Loader is part of Java and a large parental class loader.
Q.#9) What is Offset column?
Answer: Offsets are a useful feature for more specialized layouts. Offsets can be used to Off column over for more spacing, for example. The .col-xs = * classes don't support offsets, but they are easily replicated by using an empty cell.
Q.#10 ) What is button group?
Answer: The buttons give the uniqueness of holding the sambo battens together in a row. What is it used when you want to see the buttons all at once in a single line.
Q.#11) What is collapsing elements in Bootstrap?
Answer: Collapsing elements Bootstrap allow you to fold any Element without writing any JavaScript code or accordion markup. To apply collapsing in bootstrap, you need to insert data-toggle = “collapse” into the control item and the target-data or href will automatically share the crash. Also, you can use .collapse (options), .collapse ('show') or .collapse ('hide') alike.
Q.#12) Describe the types of lists supported by Bootstrap.
Answer: Bootstrap supports three types of Lists For Exp.:
Ordered Lists - Ordered list starts with the <ol>. everylist item starts with <li> tag.
For Exp.
<ol>
<li>HTML</li>
<li>CSS</li>
<li>Bootstrap</li>
</ol>
Results:
HTML
CSS
Bootstrap
Unordered Lists - Ordered list starts with the <ul>. everylist item starts with <li> tag.
For Exp.
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Bootstrap</li>
</ul>
Results:
HTML
CSS
Bootstrap
Definition List - In this list type, each list item may contain <dt> items and <dd> items. <dt> stands for description time. Next, <dd> is the definition of <dt>.
For Exp.
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
Results:
Coffee
Black hot drink
Milk
White cold drink
Q.#13) What is use Jumbotron in Bootstrap?
Answer: In bootstrap, Jumbotron is often used for content you want to highlight as a specific slogan or major marketing theme etc.
To use Jumbotron in Bootstrap
Create a <div> container with a Class .jumbotron.
For Exp. : <div class="jumbotron">
Q.#14) What is Bootstrap well?
Answer: Bootstrap well contains a <div> container that makes the content appear immersive or have a page entry effect. To create a source, bind the content you would like to see from the source with a <div> containing .well class.
For Exp.: <div class="well">Basic Well</div>
Q.#15) Explain how to create Nav Elements in Bootstrap?
Answer: Bootstrap offers a variety of style navigation options all using the same tag with the .nav base class.
Creating Tabular Navigation or Tabs
- Start with a simple unordered list with the base class .nav
- Then add the .nav-tabs class
For Exp.:
<ul class="nav">
<li class="nav-item">
<a class="nav-link active" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact Us</a>
</li>
</ul>
Q.#16) What is use Carousel plugin in Bootstrap?
Answer: The Carousel plugin is used to add a slide to your site. It is useful in case you want to display a large amount of content within a small space on web pages. Some standard carousels include
.carousel ("prev")
.carousel ("next")
.carousel ("options")
.carousel ("cycle")
.carousel ("break")
.carousel ("number")
Q.#17) what is breadcrumb?
Answer: The bootstrap breadcrumb is a great way to display information based on website administrators. Simply put, it is an unregistered list with a breadcrumb class. CSS automatically adds a bootstrap breadcrumb separator.
For blogs, breadcrumb can display categories, publish dates, or tags. Displays the location of the current page within the Navigation Manager category.
Q.#18) What is the need of Bootstrap?
Answer: Bootstrap serves as an advanced framework that supports the development of various types of web applications such as HTML, JS, and CSS.
Q.#19) What are the benefits of Bootstrap?
Answer: It helps to create a more responsive, fast, and easy-to-use design. The great benefits of Bootstrap are evident in the development of mobile applications with build templates. These templates help to create the UI, including the warning tab, downloads, forms, etc.
Q.#20) How many types Button are available on Bootstrap?
Answer: There are different 7 types of button in Bootstrap.
For Exp.:
.btn-default
.btn-info
.btn-success
.btn-primary
.btn-warning
.btn-risk
.btn-link
Thanks for appreciate.
ReplyDelete