bootstrap Flashcards

(20 cards)

1
Q

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

A

Bootstrap

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Bootstrap was created at

A

Twitter

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

When was bootstrap made

A

mid 2010

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Who made bootstrap

A

Mark Otto and Jacob
Thornton

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Also known as
Twitter Blueprint.

A

Bootstrap

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

How to implement?

A

<!-- Compiled and minified CSS -->

<link></link>

<!-- Compiled JavaScript and minified JS -->


How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

_____________ class provides a responsive fixed width container

A

.container

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

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

A

.container-fluid

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

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

A

Bootstrap’s grid system

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

How many classes does bootstrap 5 grid system has?

A

six (6)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

(extra small devices - screen width less than 576px)

A

.col-*

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

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

A

.col-sm-*

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

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

A

.col-md-*

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

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

A

.col-lg-*

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

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

A

.col-xl-*

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

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

17
Q

Are the padding between your columns, used to responsively
space and align content in the Bootstrap grid system.

18
Q

These classes can be used to control the horizontal gutter
widths.

A

.g-*
.gx-*
.gy-*

19
Q

Utilities: Display property

A

Notation
* .d-{value} for xs
* .d-{breakpoint}-{value} for sm,
md, lg, xl, and xxl.

Where value is one of:
* none
* inline
* inline-block
* block
* grid
* table
* table-cell
* table-row
* flex
* inline-flex