Prelims Flashcards

1
Q

This is 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

This includes HTML and CSS based design templates for typography, forms, buttons, navigation, modals, image carousels and many other, as well as optional JavaScript plugins

A

Boostrap

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

Bootstrap includes HTML and CSS based design templates for what?

A
  • Typography
  • Forms
  • Buttons
  • Tables
  • Navigation
  • Modals
  • Image Carousels
  • JavaScript Plugins
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

This gives you the ability to easily create responsive designs

A

Bootstrap

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

This is about creating web sites which automatically adjust themselves to look good on all devices, from small phones to large desktops.

A

Responsive Web Design

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

Bootstrap was developed by who?

A

Mark Otto and Jacob Thornton at Twitter

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

When was Bootstrap released?

A

August 2011 on Github

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

In what date was Bootstrap considered as the No.1 project on GitHub?

A

June 2014

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

What were the Advantages of Bootstrap?

A
  • Easy To Use
  • Responsive Features
  • Mobile-First Approach
  • Browser Compatibility
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

When was Bootstrap 3, Bootstrap 4, and Bootstrap 5 released?

A

Bootstrap 3 - 2013
Bootstrap 4 - 2018
Bootstrap 5 - 2021

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

What was the difference of Bootstrap 5 and Bootstrap 3 & 4?

A

Bootstrap 5 has switched to JavaScript instead of jQuery

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

What is the meaning of CDN?

A

Content Delivery Network

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

In Bootstrap’s Grid System, how many columns does it allow?

A

12 Columns

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

True or False:
If you do not want to use all 12 columns individually, you can group the columns together to create wider columns

A

True

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

What are the four classes in Bootstrap Grid System?

A
  • xs
  • sm
  • md
  • lg
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

In the Bootstrap grid system, this class is for phones.

A

xs

17
Q

In the Bootstrap grid system, this class is for tablets

A

sm

18
Q

In the Bootstrap grid system, this class is for small laptops

A

md

19
Q

In the Bootstrap grid system, this class is for laptops and desktops

A

lg

20
Q

To ensure proper rendering and touch zooming, add this tag inside the <head> element

A

<meta></meta>

21
Q

What is the complete tag for a responsive webpage?

A

<meta></meta>

22
Q

This part sets the width of the page to follow the screen-width of the device

A

width=device-width

23
Q

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

A

initial-scale=1

24
Q

This class provides a responsive fixed width container

A

.container

25
Q

this class provides a full width container, spanning the entire width of the viewpoint

A

.container-fluid

26
Q

In Bootstrap, the global default font is what? and what is the line-height?

A

Default Font-size - 14px
Line-height - 1.428

27
Q

In Bootstrap, what sizes does the HTML headings have in terms of pixels?

A

h1 = 36 px
h2 = 30 px
h3 = 24 px
h4 = 18 px
h5 = 14 px
h6 = 12 px

28
Q

This element is used to create a lighter, secondary text in any heading

A

<small></small>

29
Q

this element is use to highlight text

A

<mark></mark>

30
Q

This element is use to put a dotted underline

A

<abbr></abbr>

31
Q

This element is used for quoting blocks of content from another source within your document

A

<blockquote>
</blockquote>

32
Q

In using the <blockquote>, if you want to quote on the right side, what element do you use?

A

.blockquote-reverse

33
Q

This represents as a list

A

<dl>
</dl>

34
Q
A