Deck 12: Getting Started With Bootstrap

Full screen (f)
exit full mode
Question
You can apply class selector style rules by adding them as an attribute to HTML elements. 
Use Space or
up arrow
down arrow
to flip the card.
Question
Background color and link text color for the navbar cannot be formatted using Bootstrap. 
Question
Nearly 75% of all websites use WordPress.
Question
The collapse class value specifies sticky content. 
Question
A typical content management system consists of a content management application and a content _____ application.

A) disposition
B) review
C) resource
D) delivery
Question
WordPress, Joomla, and Drupal are some of the popular _____.

A) world wide web browsers
B) operating systems
C) content management systems
D) application software
Question
To apply a light gray background, use the bg-primary class. 
Question
The Bootstrap Starter template includes all basic HTML elements needed to create an HTML 5 webpage.
Question
Which is an online system used to manage website content?

A) content management
B) core authentication
C) keystone management
D) website verification
Question
With a content management system, locking a webpage design is helpful when novice users update the webpage content.
Question
You can create media queries with the same breakpoints used for Bootstrap media queries within your custom style sheet in order to style certain elements for specific viewports.
Question
Jumbotrons are commonly used for hero content located in the webpage footer.
Question
Identify an open-source content management system (CMS) distributed under the GNU General Public License.

A) Adobe
B) Explorer
C) SilverStone
D) Drupal
Question
Which content application compiles the changes made by a webpage author and writes the underlying code?

A) management
B) disposition
C) delivery
D) resource
Question
When using a content management application, a webpage author must know HTML to add, remove, and update content.
Question
Sass stands for Syntactically Awesome Style Sheets.
Question
The navbar-toggler value is used to collapse a navbar when a hamburger menu is displayed. 
Question
Using an "@" symbol for the href value when a page does not yet exist allows you to click a link without receiving an error that the page could not be found.
Question
Popper.js is a JavaScript library that helps position elements on a webpage.
Question
Using jQuery, you can select HTML page elements and then use jQuery methods to perform some type of action, such as show or hide. 
Question
The _____ text class in Bootstrap makes a paragraph stand out.

A) lead
B) font-weight-bold
C) text-primary
D) text-light
Question
For whom is Joomla, the open-source CMS, most ideal? 

A) beginner web developers who prefer not to code
B) experienced web developers who enjoy coding
C) web clients looking to cut out the middleman
D) webmasters looking for short-cuts
Question
A web _____  is a development tool  that provides a standard foundation on which to build a website and simplifies the coding process by providing access to predefined style sheets and script files. 

A) journal
B) validator
C) master
D) framework
Question
Which color in Bootstrap is used to indicate secondary information?

A) yellow
B) teal
C) medium gray
D) green
Question
Which color in Bootstrap is used to indicate a warning?

A) orange/yellow
B) teal
C) light gray
D) red
Question
As you develop a webpage, you might want to include a large box of content on the page to grab the user's attention; Bootstrap provides this feature with the _____, which is a large, responsive box used to contain webpage information.

A) favicon
B) jumbotron
C) Aria
D) jQuery
Question
Which color in Bootstrap is used for information?

A) yellow
B) teal
C) black
D) green
Question
The navbar-expand class is followed by -sm, -md, -lg, or -xl to set the size of the _____ navbar.

A) header
B) horizontal
C) vertical
D) corner
Question
When writing jQuery statements, begin each statement with the _____ symbol.

A) $
B) +
C) @
D) =
Question
Bootstrap is a popular, mobile-first, _____, responsive design web framework.

A) front-end
B) client-sided
C) back-end
D) script-sided
Question
A CDN is a network of servers that provides web content based on the user's _____.

A) expertise
B) geographic location
C) bandwidth speed
D) preferences
Question
When one is creating a new webpage and needs to add links, it is a common practice to use the _____ symbol for the href value when the page does not yet exist. 

A) *
B) @
C) #
D) ^
Question
Which color in Bootstrap is used to indicate danger?

A) orange/yellow
B) blue
C) light gray
D) red
Question
If you want to apply rounded corners to an image, add a class attribute with the value _____ to an img element. 

A) lead
B) rounded
C) kern
D) corner
Question
Clorox is one of the many businesses that use WordPress for their websites.
Question
According to w3techs.com, the Drupal CMS is used the most by low-traffic websites. 
Question
Which term is used for attributes that address accessibility for webpage content?

A) Content Specific Networks
B) Responsive Value Indicators
C) Hypertext Markup Modulators
D) Accessible Rich Internet Applications
Question
Which Bootstrap class horizontally centers an element?

A) mx-auto
B) mt-
C) py-auto
D) pt-
Question
Which color in Bootstrap is used to indicate success?

A) yellow
B) teal
C) medium gray
D) green
Question
A web framework   is a development tool that consists of HTML, CSS, and _____.

A) Chrome
B) JavaScript
C) Oberon
D) Python
Question
Bootstrap has only eight predefined classes within its style sheet.
Question
To integrate a hamburger menu icon using Bootstrap, you can wrap a span element within a button element that contains several attributes.
Question
Recently, content management systems (CMSs) have become less popular with large, enterprise businesses. 
Question
Match between columns
Used to format links within the navbar.
bg-primary
Used to format links within the navbar.
bg-danger
Used to format links within the navbar.
bg-secondary
Used to format links within the navbar.
bg-warning
Used to format links within the navbar.
bg-success
Used to format links within the navbar.
bg-light
Used to format links within the navbar.
bg-info
Used to format links within the navbar.
navbar-brand
Used to format links within the navbar.
navbar-dark
Used to format links within the navbar.
navbar
Used to format links within the navbar.
navbar-light
Used to format links within the navbar.
navbar-nav
Used to format links within the navbar.
navbar-collapse
Used to format links within the navbar.
navbar-text
Used to format links within the navbar.
navbar-expand
Used to format links within the navbar.
navbar-toggler
Applies a yellow/orange background color.
bg-primary
Applies a yellow/orange background color.
bg-danger
Applies a yellow/orange background color.
bg-secondary
Applies a yellow/orange background color.
bg-warning
Applies a yellow/orange background color.
bg-success
Applies a yellow/orange background color.
bg-light
Applies a yellow/orange background color.
bg-info
Applies a yellow/orange background color.
navbar-brand
Applies a yellow/orange background color.
navbar-dark
Applies a yellow/orange background color.
navbar
Applies a yellow/orange background color.
navbar-light
Applies a yellow/orange background color.
navbar-nav
Applies a yellow/orange background color.
navbar-collapse
Applies a yellow/orange background color.
navbar-text
Applies a yellow/orange background color.
navbar-expand
Applies a yellow/orange background color.
navbar-toggler
Applies a light gray background color.
bg-primary
Applies a light gray background color.
bg-danger
Applies a light gray background color.
bg-secondary
Applies a light gray background color.
bg-warning
Applies a light gray background color.
bg-success
Applies a light gray background color.
bg-light
Applies a light gray background color.
bg-info
Applies a light gray background color.
navbar-brand
Applies a light gray background color.
navbar-dark
Applies a light gray background color.
navbar
Applies a light gray background color.
navbar-light
Applies a light gray background color.
navbar-nav
Applies a light gray background color.
navbar-collapse
Applies a light gray background color.
navbar-text
Applies a light gray background color.
navbar-expand
Applies a light gray background color.
navbar-toggler
Used to format links vertically for smaller viewports.
bg-primary
Used to format links vertically for smaller viewports.
bg-danger
Used to format links vertically for smaller viewports.
bg-secondary
Used to format links vertically for smaller viewports.
bg-warning
Used to format links vertically for smaller viewports.
bg-success
Used to format links vertically for smaller viewports.
bg-light
Used to format links vertically for smaller viewports.
bg-info
Used to format links vertically for smaller viewports.
navbar-brand
Used to format links vertically for smaller viewports.
navbar-dark
Used to format links vertically for smaller viewports.
navbar
Used to format links vertically for smaller viewports.
navbar-light
Used to format links vertically for smaller viewports.
navbar-nav
Used to format links vertically for smaller viewports.
navbar-collapse
Used to format links vertically for smaller viewports.
navbar-text
Used to format links vertically for smaller viewports.
navbar-expand
Used to format links vertically for smaller viewports.
navbar-toggler
Applies a dark gray background color.
bg-primary
Applies a dark gray background color.
bg-danger
Applies a dark gray background color.
bg-secondary
Applies a dark gray background color.
bg-warning
Applies a dark gray background color.
bg-success
Applies a dark gray background color.
bg-light
Applies a dark gray background color.
bg-info
Applies a dark gray background color.
navbar-brand
Applies a dark gray background color.
navbar-dark
Applies a dark gray background color.
navbar
Applies a dark gray background color.
navbar-light
Applies a dark gray background color.
navbar-nav
Applies a dark gray background color.
navbar-collapse
Applies a dark gray background color.
navbar-text
Applies a dark gray background color.
navbar-expand
Applies a dark gray background color.
navbar-toggler
Applies a dark teal background color.
bg-primary
Applies a dark teal background color.
bg-danger
Applies a dark teal background color.
bg-secondary
Applies a dark teal background color.
bg-warning
Applies a dark teal background color.
bg-success
Applies a dark teal background color.
bg-light
Applies a dark teal background color.
bg-info
Applies a dark teal background color.
navbar-brand
Applies a dark teal background color.
navbar-dark
Applies a dark teal background color.
navbar
Applies a dark teal background color.
navbar-light
Applies a dark teal background color.
navbar-nav
Applies a dark teal background color.
navbar-collapse
Applies a dark teal background color.
navbar-text
Applies a dark teal background color.
navbar-expand
Applies a dark teal background color.
navbar-toggler
Applies a dark green background color.
bg-primary
Applies a dark green background color.
bg-danger
Applies a dark green background color.
bg-secondary
Applies a dark green background color.
bg-warning
Applies a dark green background color.
bg-success
Applies a dark green background color.
bg-light
Applies a dark green background color.
bg-info
Applies a dark green background color.
navbar-brand
Applies a dark green background color.
navbar-dark
Applies a dark green background color.
navbar
Applies a dark green background color.
navbar-light
Applies a dark green background color.
navbar-nav
Applies a dark green background color.
navbar-collapse
Applies a dark green background color.
navbar-text
Applies a dark green background color.
navbar-expand
Applies a dark green background color.
navbar-toggler
Applies a dark blue background color.
bg-primary
Applies a dark blue background color.
bg-danger
Applies a dark blue background color.
bg-secondary
Applies a dark blue background color.
bg-warning
Applies a dark blue background color.
bg-success
Applies a dark blue background color.
bg-light
Applies a dark blue background color.
bg-info
Applies a dark blue background color.
navbar-brand
Applies a dark blue background color.
navbar-dark
Applies a dark blue background color.
navbar
Applies a dark blue background color.
navbar-light
Applies a dark blue background color.
navbar-nav
Applies a dark blue background color.
navbar-collapse
Applies a dark blue background color.
navbar-text
Applies a dark blue background color.
navbar-expand
Applies a dark blue background color.
navbar-toggler
Used to vertically center text.
bg-primary
Used to vertically center text.
bg-danger
Used to vertically center text.
bg-secondary
Used to vertically center text.
bg-warning
Used to vertically center text.
bg-success
Used to vertically center text.
bg-light
Used to vertically center text.
bg-info
Used to vertically center text.
navbar-brand
Used to vertically center text.
navbar-dark
Used to vertically center text.
navbar
Used to vertically center text.
navbar-light
Used to vertically center text.
navbar-nav
Used to vertically center text.
navbar-collapse
Used to vertically center text.
navbar-text
Used to vertically center text.
navbar-expand
Used to vertically center text.
navbar-toggler
Used to collapse the navbar.
bg-primary
Used to collapse the navbar.
bg-danger
Used to collapse the navbar.
bg-secondary
Used to collapse the navbar.
bg-warning
Used to collapse the navbar.
bg-success
Used to collapse the navbar.
bg-light
Used to collapse the navbar.
bg-info
Used to collapse the navbar.
navbar-brand
Used to collapse the navbar.
navbar-dark
Used to collapse the navbar.
navbar
Used to collapse the navbar.
navbar-light
Used to collapse the navbar.
navbar-nav
Used to collapse the navbar.
navbar-collapse
Used to collapse the navbar.
navbar-text
Used to collapse the navbar.
navbar-expand
Used to collapse the navbar.
navbar-toggler
Formats navbar text links white.
bg-primary
Formats navbar text links white.
bg-danger
Formats navbar text links white.
bg-secondary
Formats navbar text links white.
bg-warning
Formats navbar text links white.
bg-success
Formats navbar text links white.
bg-light
Formats navbar text links white.
bg-info
Formats navbar text links white.
navbar-brand
Formats navbar text links white.
navbar-dark
Formats navbar text links white.
navbar
Formats navbar text links white.
navbar-light
Formats navbar text links white.
navbar-nav
Formats navbar text links white.
navbar-collapse
Formats navbar text links white.
navbar-text
Formats navbar text links white.
navbar-expand
Formats navbar text links white.
navbar-toggler
Formats navbar text links black.
bg-primary
Formats navbar text links black.
bg-danger
Formats navbar text links black.
bg-secondary
Formats navbar text links black.
bg-warning
Formats navbar text links black.
bg-success
Formats navbar text links black.
bg-light
Formats navbar text links black.
bg-info
Formats navbar text links black.
navbar-brand
Formats navbar text links black.
navbar-dark
Formats navbar text links black.
navbar
Formats navbar text links black.
navbar-light
Formats navbar text links black.
navbar-nav
Formats navbar text links black.
navbar-collapse
Formats navbar text links black.
navbar-text
Formats navbar text links black.
navbar-expand
Formats navbar text links black.
navbar-toggler
Used to wrap the business name or logo.
bg-primary
Used to wrap the business name or logo.
bg-danger
Used to wrap the business name or logo.
bg-secondary
Used to wrap the business name or logo.
bg-warning
Used to wrap the business name or logo.
bg-success
Used to wrap the business name or logo.
bg-light
Used to wrap the business name or logo.
bg-info
Used to wrap the business name or logo.
navbar-brand
Used to wrap the business name or logo.
navbar-dark
Used to wrap the business name or logo.
navbar
Used to wrap the business name or logo.
navbar-light
Used to wrap the business name or logo.
navbar-nav
Used to wrap the business name or logo.
navbar-collapse
Used to wrap the business name or logo.
navbar-text
Used to wrap the business name or logo.
navbar-expand
Used to wrap the business name or logo.
navbar-toggler
Used to format the hamburger menu icon.
bg-primary
Used to format the hamburger menu icon.
bg-danger
Used to format the hamburger menu icon.
bg-secondary
Used to format the hamburger menu icon.
bg-warning
Used to format the hamburger menu icon.
bg-success
Used to format the hamburger menu icon.
bg-light
Used to format the hamburger menu icon.
bg-info
Used to format the hamburger menu icon.
navbar-brand
Used to format the hamburger menu icon.
navbar-dark
Used to format the hamburger menu icon.
navbar
Used to format the hamburger menu icon.
navbar-light
Used to format the hamburger menu icon.
navbar-nav
Used to format the hamburger menu icon.
navbar-collapse
Used to format the hamburger menu icon.
navbar-text
Used to format the hamburger menu icon.
navbar-expand
Used to format the hamburger menu icon.
navbar-toggler
Applies a red background color.
bg-primary
Applies a red background color.
bg-danger
Applies a red background color.
bg-secondary
Applies a red background color.
bg-warning
Applies a red background color.
bg-success
Applies a red background color.
bg-light
Applies a red background color.
bg-info
Applies a red background color.
navbar-brand
Applies a red background color.
navbar-dark
Applies a red background color.
navbar
Applies a red background color.
navbar-light
Applies a red background color.
navbar-nav
Applies a red background color.
navbar-collapse
Applies a red background color.
navbar-text
Applies a red background color.
navbar-expand
Applies a red background color.
navbar-toggler
Creates a fluid navbar using Bootstrap.
bg-primary
Creates a fluid navbar using Bootstrap.
bg-danger
Creates a fluid navbar using Bootstrap.
bg-secondary
Creates a fluid navbar using Bootstrap.
bg-warning
Creates a fluid navbar using Bootstrap.
bg-success
Creates a fluid navbar using Bootstrap.
bg-light
Creates a fluid navbar using Bootstrap.
bg-info
Creates a fluid navbar using Bootstrap.
navbar-brand
Creates a fluid navbar using Bootstrap.
navbar-dark
Creates a fluid navbar using Bootstrap.
navbar
Creates a fluid navbar using Bootstrap.
navbar-light
Creates a fluid navbar using Bootstrap.
navbar-nav
Creates a fluid navbar using Bootstrap.
navbar-collapse
Creates a fluid navbar using Bootstrap.
navbar-text
Creates a fluid navbar using Bootstrap.
navbar-expand
Creates a fluid navbar using Bootstrap.
navbar-toggler
Question
Explain the purpose of using Bootstrap, the responsive design web framework.
Question
Identify the correct code for an HTML 5 nav tag with a class attribute that uses the navbar and navbar-expand-sm values.

A) nav class="navbarlightnavbar-expand"
B) [navbar navbar-expand-sm"class attribute]
C) +navexpand="navclass navbar
D) nav class="navbar navbar-expand-sm"
Question
As you develop a webpage, you might want to include a large box of content on the page to grab the user's attention. Explain how Bootstrap provides this feature.
Question
In Bootstrap, if you want to apply rounded corners to an image, add a class attribute with the value rounded to an img element.
Question
Briefly discuss WordPress, Joomla, and Drupal, three of the most popular content management systems.
Question
You can format the navbar to remain at the top of the page as you scroll, or create a "sticky" navbar, by specifying the _____ class. 

A) fixed-top
B) expand
C) header
D) stop
Question
CDN is short for core driver navigation.
Question
Describe the Bootstrap class values container and container-fluid.
Question
Bootstrap 4 is not supported by Internet Explorer 9 or other legacy versions of Internet Explorer.
Question
Explain the importance of using responsive images and how they are accomplished using Bootstrap.
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/54
auto play flashcards
Play
simple tutorial
Full screen (f)
exit full mode
Deck 12: Getting Started With Bootstrap
1
You can apply class selector style rules by adding them as an attribute to HTML elements. 
False
2
Background color and link text color for the navbar cannot be formatted using Bootstrap. 
True
3
Nearly 75% of all websites use WordPress.
True
4
The collapse class value specifies sticky content. 
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
5
A typical content management system consists of a content management application and a content _____ application.

A) disposition
B) review
C) resource
D) delivery
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
6
WordPress, Joomla, and Drupal are some of the popular _____.

A) world wide web browsers
B) operating systems
C) content management systems
D) application software
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
7
To apply a light gray background, use the bg-primary class. 
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
8
The Bootstrap Starter template includes all basic HTML elements needed to create an HTML 5 webpage.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
9
Which is an online system used to manage website content?

A) content management
B) core authentication
C) keystone management
D) website verification
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
10
With a content management system, locking a webpage design is helpful when novice users update the webpage content.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
11
You can create media queries with the same breakpoints used for Bootstrap media queries within your custom style sheet in order to style certain elements for specific viewports.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
12
Jumbotrons are commonly used for hero content located in the webpage footer.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
13
Identify an open-source content management system (CMS) distributed under the GNU General Public License.

A) Adobe
B) Explorer
C) SilverStone
D) Drupal
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
14
Which content application compiles the changes made by a webpage author and writes the underlying code?

A) management
B) disposition
C) delivery
D) resource
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
15
When using a content management application, a webpage author must know HTML to add, remove, and update content.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
16
Sass stands for Syntactically Awesome Style Sheets.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
17
The navbar-toggler value is used to collapse a navbar when a hamburger menu is displayed. 
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
18
Using an "@" symbol for the href value when a page does not yet exist allows you to click a link without receiving an error that the page could not be found.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
19
Popper.js is a JavaScript library that helps position elements on a webpage.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
20
Using jQuery, you can select HTML page elements and then use jQuery methods to perform some type of action, such as show or hide. 
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
21
The _____ text class in Bootstrap makes a paragraph stand out.

A) lead
B) font-weight-bold
C) text-primary
D) text-light
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
22
For whom is Joomla, the open-source CMS, most ideal? 

A) beginner web developers who prefer not to code
B) experienced web developers who enjoy coding
C) web clients looking to cut out the middleman
D) webmasters looking for short-cuts
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
23
A web _____  is a development tool  that provides a standard foundation on which to build a website and simplifies the coding process by providing access to predefined style sheets and script files. 

A) journal
B) validator
C) master
D) framework
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
24
Which color in Bootstrap is used to indicate secondary information?

A) yellow
B) teal
C) medium gray
D) green
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
25
Which color in Bootstrap is used to indicate a warning?

A) orange/yellow
B) teal
C) light gray
D) red
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
26
As you develop a webpage, you might want to include a large box of content on the page to grab the user's attention; Bootstrap provides this feature with the _____, which is a large, responsive box used to contain webpage information.

A) favicon
B) jumbotron
C) Aria
D) jQuery
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
27
Which color in Bootstrap is used for information?

A) yellow
B) teal
C) black
D) green
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
28
The navbar-expand class is followed by -sm, -md, -lg, or -xl to set the size of the _____ navbar.

A) header
B) horizontal
C) vertical
D) corner
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
29
When writing jQuery statements, begin each statement with the _____ symbol.

A) $
B) +
C) @
D) =
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
30
Bootstrap is a popular, mobile-first, _____, responsive design web framework.

A) front-end
B) client-sided
C) back-end
D) script-sided
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
31
A CDN is a network of servers that provides web content based on the user's _____.

A) expertise
B) geographic location
C) bandwidth speed
D) preferences
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
32
When one is creating a new webpage and needs to add links, it is a common practice to use the _____ symbol for the href value when the page does not yet exist. 

A) *
B) @
C) #
D) ^
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
33
Which color in Bootstrap is used to indicate danger?

A) orange/yellow
B) blue
C) light gray
D) red
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
34
If you want to apply rounded corners to an image, add a class attribute with the value _____ to an img element. 

A) lead
B) rounded
C) kern
D) corner
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
35
Clorox is one of the many businesses that use WordPress for their websites.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
36
According to w3techs.com, the Drupal CMS is used the most by low-traffic websites. 
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
37
Which term is used for attributes that address accessibility for webpage content?

A) Content Specific Networks
B) Responsive Value Indicators
C) Hypertext Markup Modulators
D) Accessible Rich Internet Applications
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
38
Which Bootstrap class horizontally centers an element?

A) mx-auto
B) mt-
C) py-auto
D) pt-
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
39
Which color in Bootstrap is used to indicate success?

A) yellow
B) teal
C) medium gray
D) green
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
40
A web framework   is a development tool that consists of HTML, CSS, and _____.

A) Chrome
B) JavaScript
C) Oberon
D) Python
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
41
Bootstrap has only eight predefined classes within its style sheet.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
42
To integrate a hamburger menu icon using Bootstrap, you can wrap a span element within a button element that contains several attributes.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
43
Recently, content management systems (CMSs) have become less popular with large, enterprise businesses. 
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
44
Match between columns
Used to format links within the navbar.
bg-primary
Used to format links within the navbar.
bg-danger
Used to format links within the navbar.
bg-secondary
Used to format links within the navbar.
bg-warning
Used to format links within the navbar.
bg-success
Used to format links within the navbar.
bg-light
Used to format links within the navbar.
bg-info
Used to format links within the navbar.
navbar-brand
Used to format links within the navbar.
navbar-dark
Used to format links within the navbar.
navbar
Used to format links within the navbar.
navbar-light
Used to format links within the navbar.
navbar-nav
Used to format links within the navbar.
navbar-collapse
Used to format links within the navbar.
navbar-text
Used to format links within the navbar.
navbar-expand
Used to format links within the navbar.
navbar-toggler
Applies a yellow/orange background color.
bg-primary
Applies a yellow/orange background color.
bg-danger
Applies a yellow/orange background color.
bg-secondary
Applies a yellow/orange background color.
bg-warning
Applies a yellow/orange background color.
bg-success
Applies a yellow/orange background color.
bg-light
Applies a yellow/orange background color.
bg-info
Applies a yellow/orange background color.
navbar-brand
Applies a yellow/orange background color.
navbar-dark
Applies a yellow/orange background color.
navbar
Applies a yellow/orange background color.
navbar-light
Applies a yellow/orange background color.
navbar-nav
Applies a yellow/orange background color.
navbar-collapse
Applies a yellow/orange background color.
navbar-text
Applies a yellow/orange background color.
navbar-expand
Applies a yellow/orange background color.
navbar-toggler
Applies a light gray background color.
bg-primary
Applies a light gray background color.
bg-danger
Applies a light gray background color.
bg-secondary
Applies a light gray background color.
bg-warning
Applies a light gray background color.
bg-success
Applies a light gray background color.
bg-light
Applies a light gray background color.
bg-info
Applies a light gray background color.
navbar-brand
Applies a light gray background color.
navbar-dark
Applies a light gray background color.
navbar
Applies a light gray background color.
navbar-light
Applies a light gray background color.
navbar-nav
Applies a light gray background color.
navbar-collapse
Applies a light gray background color.
navbar-text
Applies a light gray background color.
navbar-expand
Applies a light gray background color.
navbar-toggler
Used to format links vertically for smaller viewports.
bg-primary
Used to format links vertically for smaller viewports.
bg-danger
Used to format links vertically for smaller viewports.
bg-secondary
Used to format links vertically for smaller viewports.
bg-warning
Used to format links vertically for smaller viewports.
bg-success
Used to format links vertically for smaller viewports.
bg-light
Used to format links vertically for smaller viewports.
bg-info
Used to format links vertically for smaller viewports.
navbar-brand
Used to format links vertically for smaller viewports.
navbar-dark
Used to format links vertically for smaller viewports.
navbar
Used to format links vertically for smaller viewports.
navbar-light
Used to format links vertically for smaller viewports.
navbar-nav
Used to format links vertically for smaller viewports.
navbar-collapse
Used to format links vertically for smaller viewports.
navbar-text
Used to format links vertically for smaller viewports.
navbar-expand
Used to format links vertically for smaller viewports.
navbar-toggler
Applies a dark gray background color.
bg-primary
Applies a dark gray background color.
bg-danger
Applies a dark gray background color.
bg-secondary
Applies a dark gray background color.
bg-warning
Applies a dark gray background color.
bg-success
Applies a dark gray background color.
bg-light
Applies a dark gray background color.
bg-info
Applies a dark gray background color.
navbar-brand
Applies a dark gray background color.
navbar-dark
Applies a dark gray background color.
navbar
Applies a dark gray background color.
navbar-light
Applies a dark gray background color.
navbar-nav
Applies a dark gray background color.
navbar-collapse
Applies a dark gray background color.
navbar-text
Applies a dark gray background color.
navbar-expand
Applies a dark gray background color.
navbar-toggler
Applies a dark teal background color.
bg-primary
Applies a dark teal background color.
bg-danger
Applies a dark teal background color.
bg-secondary
Applies a dark teal background color.
bg-warning
Applies a dark teal background color.
bg-success
Applies a dark teal background color.
bg-light
Applies a dark teal background color.
bg-info
Applies a dark teal background color.
navbar-brand
Applies a dark teal background color.
navbar-dark
Applies a dark teal background color.
navbar
Applies a dark teal background color.
navbar-light
Applies a dark teal background color.
navbar-nav
Applies a dark teal background color.
navbar-collapse
Applies a dark teal background color.
navbar-text
Applies a dark teal background color.
navbar-expand
Applies a dark teal background color.
navbar-toggler
Applies a dark green background color.
bg-primary
Applies a dark green background color.
bg-danger
Applies a dark green background color.
bg-secondary
Applies a dark green background color.
bg-warning
Applies a dark green background color.
bg-success
Applies a dark green background color.
bg-light
Applies a dark green background color.
bg-info
Applies a dark green background color.
navbar-brand
Applies a dark green background color.
navbar-dark
Applies a dark green background color.
navbar
Applies a dark green background color.
navbar-light
Applies a dark green background color.
navbar-nav
Applies a dark green background color.
navbar-collapse
Applies a dark green background color.
navbar-text
Applies a dark green background color.
navbar-expand
Applies a dark green background color.
navbar-toggler
Applies a dark blue background color.
bg-primary
Applies a dark blue background color.
bg-danger
Applies a dark blue background color.
bg-secondary
Applies a dark blue background color.
bg-warning
Applies a dark blue background color.
bg-success
Applies a dark blue background color.
bg-light
Applies a dark blue background color.
bg-info
Applies a dark blue background color.
navbar-brand
Applies a dark blue background color.
navbar-dark
Applies a dark blue background color.
navbar
Applies a dark blue background color.
navbar-light
Applies a dark blue background color.
navbar-nav
Applies a dark blue background color.
navbar-collapse
Applies a dark blue background color.
navbar-text
Applies a dark blue background color.
navbar-expand
Applies a dark blue background color.
navbar-toggler
Used to vertically center text.
bg-primary
Used to vertically center text.
bg-danger
Used to vertically center text.
bg-secondary
Used to vertically center text.
bg-warning
Used to vertically center text.
bg-success
Used to vertically center text.
bg-light
Used to vertically center text.
bg-info
Used to vertically center text.
navbar-brand
Used to vertically center text.
navbar-dark
Used to vertically center text.
navbar
Used to vertically center text.
navbar-light
Used to vertically center text.
navbar-nav
Used to vertically center text.
navbar-collapse
Used to vertically center text.
navbar-text
Used to vertically center text.
navbar-expand
Used to vertically center text.
navbar-toggler
Used to collapse the navbar.
bg-primary
Used to collapse the navbar.
bg-danger
Used to collapse the navbar.
bg-secondary
Used to collapse the navbar.
bg-warning
Used to collapse the navbar.
bg-success
Used to collapse the navbar.
bg-light
Used to collapse the navbar.
bg-info
Used to collapse the navbar.
navbar-brand
Used to collapse the navbar.
navbar-dark
Used to collapse the navbar.
navbar
Used to collapse the navbar.
navbar-light
Used to collapse the navbar.
navbar-nav
Used to collapse the navbar.
navbar-collapse
Used to collapse the navbar.
navbar-text
Used to collapse the navbar.
navbar-expand
Used to collapse the navbar.
navbar-toggler
Formats navbar text links white.
bg-primary
Formats navbar text links white.
bg-danger
Formats navbar text links white.
bg-secondary
Formats navbar text links white.
bg-warning
Formats navbar text links white.
bg-success
Formats navbar text links white.
bg-light
Formats navbar text links white.
bg-info
Formats navbar text links white.
navbar-brand
Formats navbar text links white.
navbar-dark
Formats navbar text links white.
navbar
Formats navbar text links white.
navbar-light
Formats navbar text links white.
navbar-nav
Formats navbar text links white.
navbar-collapse
Formats navbar text links white.
navbar-text
Formats navbar text links white.
navbar-expand
Formats navbar text links white.
navbar-toggler
Formats navbar text links black.
bg-primary
Formats navbar text links black.
bg-danger
Formats navbar text links black.
bg-secondary
Formats navbar text links black.
bg-warning
Formats navbar text links black.
bg-success
Formats navbar text links black.
bg-light
Formats navbar text links black.
bg-info
Formats navbar text links black.
navbar-brand
Formats navbar text links black.
navbar-dark
Formats navbar text links black.
navbar
Formats navbar text links black.
navbar-light
Formats navbar text links black.
navbar-nav
Formats navbar text links black.
navbar-collapse
Formats navbar text links black.
navbar-text
Formats navbar text links black.
navbar-expand
Formats navbar text links black.
navbar-toggler
Used to wrap the business name or logo.
bg-primary
Used to wrap the business name or logo.
bg-danger
Used to wrap the business name or logo.
bg-secondary
Used to wrap the business name or logo.
bg-warning
Used to wrap the business name or logo.
bg-success
Used to wrap the business name or logo.
bg-light
Used to wrap the business name or logo.
bg-info
Used to wrap the business name or logo.
navbar-brand
Used to wrap the business name or logo.
navbar-dark
Used to wrap the business name or logo.
navbar
Used to wrap the business name or logo.
navbar-light
Used to wrap the business name or logo.
navbar-nav
Used to wrap the business name or logo.
navbar-collapse
Used to wrap the business name or logo.
navbar-text
Used to wrap the business name or logo.
navbar-expand
Used to wrap the business name or logo.
navbar-toggler
Used to format the hamburger menu icon.
bg-primary
Used to format the hamburger menu icon.
bg-danger
Used to format the hamburger menu icon.
bg-secondary
Used to format the hamburger menu icon.
bg-warning
Used to format the hamburger menu icon.
bg-success
Used to format the hamburger menu icon.
bg-light
Used to format the hamburger menu icon.
bg-info
Used to format the hamburger menu icon.
navbar-brand
Used to format the hamburger menu icon.
navbar-dark
Used to format the hamburger menu icon.
navbar
Used to format the hamburger menu icon.
navbar-light
Used to format the hamburger menu icon.
navbar-nav
Used to format the hamburger menu icon.
navbar-collapse
Used to format the hamburger menu icon.
navbar-text
Used to format the hamburger menu icon.
navbar-expand
Used to format the hamburger menu icon.
navbar-toggler
Applies a red background color.
bg-primary
Applies a red background color.
bg-danger
Applies a red background color.
bg-secondary
Applies a red background color.
bg-warning
Applies a red background color.
bg-success
Applies a red background color.
bg-light
Applies a red background color.
bg-info
Applies a red background color.
navbar-brand
Applies a red background color.
navbar-dark
Applies a red background color.
navbar
Applies a red background color.
navbar-light
Applies a red background color.
navbar-nav
Applies a red background color.
navbar-collapse
Applies a red background color.
navbar-text
Applies a red background color.
navbar-expand
Applies a red background color.
navbar-toggler
Creates a fluid navbar using Bootstrap.
bg-primary
Creates a fluid navbar using Bootstrap.
bg-danger
Creates a fluid navbar using Bootstrap.
bg-secondary
Creates a fluid navbar using Bootstrap.
bg-warning
Creates a fluid navbar using Bootstrap.
bg-success
Creates a fluid navbar using Bootstrap.
bg-light
Creates a fluid navbar using Bootstrap.
bg-info
Creates a fluid navbar using Bootstrap.
navbar-brand
Creates a fluid navbar using Bootstrap.
navbar-dark
Creates a fluid navbar using Bootstrap.
navbar
Creates a fluid navbar using Bootstrap.
navbar-light
Creates a fluid navbar using Bootstrap.
navbar-nav
Creates a fluid navbar using Bootstrap.
navbar-collapse
Creates a fluid navbar using Bootstrap.
navbar-text
Creates a fluid navbar using Bootstrap.
navbar-expand
Creates a fluid navbar using Bootstrap.
navbar-toggler
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
45
Explain the purpose of using Bootstrap, the responsive design web framework.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
46
Identify the correct code for an HTML 5 nav tag with a class attribute that uses the navbar and navbar-expand-sm values.

A) nav class="navbarlightnavbar-expand"
B) [navbar navbar-expand-sm"class attribute]
C) +navexpand="navclass navbar
D) nav class="navbar navbar-expand-sm"
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
47
As you develop a webpage, you might want to include a large box of content on the page to grab the user's attention. Explain how Bootstrap provides this feature.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
48
In Bootstrap, if you want to apply rounded corners to an image, add a class attribute with the value rounded to an img element.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
49
Briefly discuss WordPress, Joomla, and Drupal, three of the most popular content management systems.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
50
You can format the navbar to remain at the top of the page as you scroll, or create a "sticky" navbar, by specifying the _____ class. 

A) fixed-top
B) expand
C) header
D) stop
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
51
CDN is short for core driver navigation.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
52
Describe the Bootstrap class values container and container-fluid.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
53
Bootstrap 4 is not supported by Internet Explorer 9 or other legacy versions of Internet Explorer.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
54
Explain the importance of using responsive images and how they are accomplished using Bootstrap.
Unlock Deck
Unlock for access to all 54 flashcards in this deck.
Unlock Deck
k this deck
locked card icon
Unlock Deck
Unlock for access to all 54 flashcards in this deck.