Deck 12: Getting Started With Bootstrap
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
Match between columns
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
فتح الحزمة
قم بالتسجيل لفتح البطاقات في هذه المجموعة!
Unlock Deck
Unlock Deck
1/54
العب
ملء الشاشة (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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
7
To apply a light gray background, use the bg-primary class.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
8
The Bootstrap Starter template includes all basic HTML elements needed to create an HTML 5 webpage.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
10
With a content management system, locking a webpage design is helpful when novice users update the webpage content.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
12
Jumbotrons are commonly used for hero content located in the webpage footer.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
15
When using a content management application, a webpage author must know HTML to add, remove, and update content.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
16
Sass stands for Syntactically Awesome Style Sheets.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
17
The navbar-toggler value is used to collapse a navbar when a hamburger menu is displayed.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
19
Popper.js is a JavaScript library that helps position elements on a webpage.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
29
When writing jQuery statements, begin each statement with the _____ symbol.
A) $
B) +
C) @
D) =
A) $
B) +
C) @
D) =
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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) ^
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
35
Clorox is one of the many businesses that use WordPress for their websites.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
36
According to w3techs.com, the Drupal CMS is used the most by low-traffic websites.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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-
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
41
Bootstrap has only eight predefined classes within its style sheet.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
43
Recently, content management systems (CMSs) have become less popular with large, enterprise businesses.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
44
Match between columns
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
45
Explain the purpose of using Bootstrap, the responsive design web framework.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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"
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
49
Briefly discuss WordPress, Joomla, and Drupal, three of the most popular content management systems.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
51
CDN is short for core driver navigation.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
52
Describe the Bootstrap class values container and container-fluid.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
53
Bootstrap 4 is not supported by Internet Explorer 9 or other legacy versions of Internet Explorer.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck
54
Explain the importance of using responsive images and how they are accomplished using Bootstrap.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 54 في هذه المجموعة.
فتح الحزمة
k this deck