Quiz

Introduction

1. WHAT IS BOOTSTRAP?

• A: Bootstrap is a free front-end framework for faster and easier web development. Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins. Bootstrap also gives you the ability to easily create responsive designs

2. WHY USING BOOTSTRAP?

• A: Easy to use: Anybody with just basic knowledge of HTML and CSS can start using Bootstrap. Responsive features, Mobile-first approach, Browser compatibility. All you have to do is just to implement it and modify it to your website features and needs.

3. HOW TO USE BOOTSTRAP?

• A: access Bootstrap ->(https://getbootstrap.com/) and get the Bootstrap features, should include the two links from bootstrap in the 'head' tag.

4. WHAT IS BOOTSTRAP COMPONENTS?

• A: CSS- and (optionally) JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.

5. WHAT IS BOOTSTRAP CONTAINER?

• A: In Bootstrap, container is used to set the content's margins dealing with the responsive behaviors of your layout. It contains the row elements and the row elements are the container of columns (known as grid system). The container class is used to create boxed content.

6. WHAT IS BOOTSTRAP CONTAINER?

• A: Containers are the most basic layout element in Bootstrap and are required when using our default grid system. Containers are used to contain, pad, and (sometimes) center the content within them. While containers can be nested, most layouts do not require a nested container.

7. HOW MANY CONTAINER CLASSES IN BOOTSTRAP?

• There are two container classes in Bootstrap: The .container class and The .container-fluid class.

8. DIFFERENT WAYS CONTAINERS CAN BE USED (CHANGES CAN BE DONE)?

• A: Container Padding - By default, containers have 15px left and right padding, with no top or bottom padding. Therefore, we often use spacing utilities, such as extra padding and margins to make them look even better. For example, .pt-3 means "add a top padding of 16px".

9. WHAT IS BOOTSTRAP GRID SYSTEM?

• Bootstrap’s grid system uses a series of containers, rows, and columns to layout and align content. It’s built with flexbox and is fully responsive.

10. WHY USING GRID SYSTEM?

• A: The Bootstrap Grid System is used for layout, specifically Responsive Layouts. The Grid is made up of groupings of Rows & Columns inside 1 or more Containers. The Bootstrap Grid can be used alone, without the Bootstrap JavaScript and other CSS Components.

11. HOW USING GRID SYSTEM?

• A: The grid system is responsive, and the columns will re-arrange automatically depending on the screen size. If you do not want to use all 12 columns individually, you can group the columns together to create wider columns. Make sure that the sum adds up to 12 or fewer (it is not required that you use all 12 available columns).

12. HOW MANY GRID CLASSES AVAILABLE IN BOOTSTRAP? WHICH ARE THEY?

• A: Bootstrap Grid has five classes :
  • .col- (extra small devices - screen width less than 576px)
  • .col-sm- (small devices - screen width equal to or greater than 576px)
  • .col-md- (medium devices - screen width equal to or greater than 768px)
  • .col-lg- (large devices - screen width equal to or greater than 992px)
  • .col-xl- (xlarge devices - screen width equal to or greater than 1200px)