Lesson 1

Question 1

It is a free front-end framework for faster and easier web development.

Answer 1

Bootstrap

Question 2

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.

Answer 2

Bootstrap

Question 2

also gives you the ability to easily create responsive designs.

Answer 2

Bootstrap

Question 2

is the newest version

Answer 2

Bootstrap 5

Question 2

When was Bootstrap 5 released?

Answer 2

2021

Question 2

When was the first bootstrap released?

Answer 2

2013

Question 3

When was Bootstrap 3 and 4 released?

Answer 3

2018

Question 4

It has new components, faster stylesheet and more responsiveness.

Answer 4

Bootstrap 5

Question 5

supports the latest, stable releases of all major browsers and platforms. However, Internet Explorer 11 and down is not supported.

Answer 5

Bootstrap 5

Question 6

has switched to vanilla JavaScript instead of jQuery

Answer 6

Bootstrap 5

Question 7

What are the advantages of Bootstrap 5

Answer 7

Easy to use
Responsive Features
Mobile-first approach
Browser Compatibility

Question 8

Anybody with just basic knowledge of HTML and CSS can start using Bootstrap.

Answer 8

Easy to use

Question 9

Bootstrap’s responsive CSS adjusts to phones, tablets, and desktops.

Answer 9

Responsive Features

Question 10

In Bootstrap, mobile-first styles are part of the core framework.

Answer 10

Mobile-first Approach

Question 11

Bootstrap 5 is compatible with all modern browsers (Chrome, Firefox, Edge, Safari, and Opera). Note that if you need support for IE11 and down, you must use either BS4 or BS3.

Answer 11

Browser Compatibility

Question 12

Bootstrap 5 uses _________ for different components (like modals, tooltips, popovers etc). However, if you just use the CSS part of Bootstrap, you don’t need them

Answer 12

JavaScript

Question 13

is designed to be responsive to mobile devices. Mobile-first styles are part of the core framework.

Answer 13

Bootstrap 5

Question 14

sets the width of the page to follow the screen-width of the device (which will vary depending on the device).

Answer 14

width=device-width

Question 15

sets the initial zoom level when the page is first loaded by the browser.

Answer 15

initial-scale=1

Question 16

requires a containing element to wrap site contents.

Answer 16

Bootstrap 5

Question 17

provides a responsive fixed width container

Answer 17

.container class

Question 18

provides a full width container, spanning the entire width of the viewport

Answer 18

.container-fluid

Question 19

Use the ____________ classes to determine when the container should be responsive.

Answer 19

.container-sm | md | lg | xl

Question 20

has a wide range of responsive margin and padding utility classes.

Answer 20

Bootstrap 5

Question 21

sets margin

Answer 21

m

Question 22

sets padding

Answer 22

p

Question 23

sets margin-top or padding-top

Answer 23

t

Question 24

sets margin-bottom or padding-bottom

Answer 24

b

Question 25

sets margin-left or padding-left

Answer 25

s

Question 26

sets margin-right or padding-right

Answer 26

e

Question 27

sets both padding-left and padding-right or margin-left and margin-right

Answer 27

x

Question 28

sets both padding-top and padding-bottom or margin-top and margin-bottom

Answer 28

y

Question 29

sets a margin or padding on all 4 sides of the element

Answer 29

blank

Question 30

sets margin or padding to 0

Answer 30

0

Question 31

sets margin or padding to .25rem

Answer 31

1

Question 32

sets margin or padding to .5rem

Answer 32

2

Question 33

sets margin or padding to 1rem

Answer 33

3

Question 34

sets margin or padding to 1.5rem

Answer 34

4

Question 35

sets margin or padding to 3rem

Answer 35

5

Question 36

sets margin to auto

Answer 36

auto

Question 37

is built with flexbox and allows up to 12 columns across the page.

Answer 37

Bootstrap's Grid System

Question 38

is responsive, and the columns will re-arrange automatically depending on the screen size.

Answer 38

Grid System

Question 39

extra small devices - screen width less than 576px

Answer 39

.col

Question 40

small devices - screen width equal to or greater than 576px

Answer 40

.col-sm

Question 41

(medium devices - screen width equal to or greater than 768px

Answer 41

.col-md

Question 42

large devices - screen width equal to or greater than 992px

Answer 42

.col-lg

Question 43

xlarge devices - screen width equal to or greater than 1200px

Answer 43

.col-xl

Question 44

xxlarge devices - screen width equal to or greater than 1400px

Answer 44

.col-xxl

Question 45

is a bordered box with some padding around its content. It includes options for headers, footers, content, colors, etc.

Answer 45

Card

Question 46

A basic card is created with the ______ class,

Answer 46

.card

Question 47

content inside the card has a ______ class

Answer 47

.card-body

Question 48

What are the classes for background colors in bootstrap?

Answer 48

.bg-primary .bg-success .bg-info .bg-warning .bg-danger .bg-secondary .bg-dark and .bg-light

Question 49

it does not work well with text, or atleast then you have to specify a proper .text-color class to get the right text color for each background.

Answer 49

bg-color classes

Question 50

To add a background color to the card, use ________

Answer 50

Contextual Classes

Question 51

What are the classes for text colors

Answer 51

.text-muted .text-primary .text-success .text-info .text-warning .text-danger .text-secondary .text-white .text-dark .text-body (default body color/often black) .text-light: