Deck 12: Getting Started With Bootstrap
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Match between columns
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/54
Play
Full screen (f)
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
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
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
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
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
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
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
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
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
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
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
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
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
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) =
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
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
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) ^
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
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
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
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-
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
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
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
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"
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
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