Question:- What is the use of Jumbotron in Bootstrap?
Answer:- In bootstrap, Jumbotron is generally used for content that you want to highlight like some slogan or marketing headline etc. in other words it is used to enlarge the size of the headings and to add a margin for landing page content To use the Jumbotron in Bootstrap • Create a container
with the class of .jumbotron
Question:- What is the difference between Bootstrap and Foundation?
Answer:- – Bootstrap offers unlimited number of UI elements – Bootstraps uses pixels – Bootstrap encourages to design for both desktop and mobile. – Bootstrap support LESS as its preprocessor – In Foundation UI element options are very limited in numbers – Foundation use REMs – Foundation encourages to design mobile first – Foundation support Sass and Compass as its preprocessor
Question:- In Bootstrap what are the two ways you can display the code?
Answer:- In bootstrap you can display code in two ways • code tag : If you are going to display code inline, you should use code tag • pre tag: If you want to display the code as a standalone block element or it has multiple lines then you should use pre tag
Question:- Explain what are the steps for creating basic or vertical forms?
Answer:- The steps for creating basic or vertical forms are • Add a role form to the parent form element • Wrap labels and controls in a div with class .form-group. To achieve optimum spacing this is needed • Add a class of .form-control to all texturl input , textarea , and select elements
Question:- Explain what is Modal plugin used for in Bootstrap?
Answer:- A modal is a child window that is layered over its parent window. Using a custom Jquery Plugin, Bootstrap Modal are created. To enrich user experience and to add functionality to users, modal windows are created with the help of Modal plugin.
Question:- Explain what is Bootstrap Container?
Answer:- Bootstrap container is a class which is useful and creates a centred area within the page where our site content can be put within. The advantage of the bootstrap .container is that it is responsive and will place all our other HTML code.
Question:- Explain what is list group in Bootstrap and what is the use of it?
Answer:- List groups are components to display both simple and complex element with custom content For example, a simple list group is created using class .list-group to address the list, and class .list-group-item to address individual item.
Question:- How you can add badge to list group in Bootstrap?
Answer:- To add badge to list group in Bootstrap you have to simply add span class = “badge” within the li element.
Question:- Explain what media object in Bootstrap is and what are their types?
Answer:- Media objects in Bootstrap enables to put media object like image, video or audio to the left or right of the content blocks. Media element can be created using the class .media and the source is specified in using the class .media-object. Media-objects are of two types, They are of two types • .media • .media-list
Question:- Explain what is Bootstrap well?
Answer:- Bootstrap well is a container
that makes the content to appear sunken or an inset effect on the page. In order to create a well, wrap the content that you would like to appear in the well with a
containing the class of .well.
Question:- Explain how you can create Nav elements in Bootstrap?
Answer:- Bootstrap offers various options for styling navigation elements all of them use the same markup and base class .nav. To create Tabular Navigation or Tabs • Start with a basic unordered list with the base class of .nav • Then add class .nav-tabs
Question:- What are the advantages of Bootstrap?
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.
Question:- What is a Bootstrap Container, and how does it work?
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.
Question:- What are the default Bootstrap text settings?
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).