FInal Exam Programming
It is recommended to use a Bootstrap Jumbotron to hide information.
False
The content contained within a Bootstrap Modal must be carefully written as it is impossible to scroll the content within a modal.
False
The stripes of a striped Bootstrap Progress Bar can be animated using the progress-bar-animated class.
False
The stripes of a striped Bootstrap Progress Bar can be animated using the striped class.
False
To advance a Bootstrap Carousel every 2 seconds automatically, the data-ride attribute should be set to "carousel" and the data-interval to "10000".
False
To make it easy for website visitors to read the tiny text and images associated with Bootstrap cards on a mobile device, a browser's HTML engine prevents a card class from being used more than once on a single HTML document.
False
To prevent a Bootstrap Carousel from running automatically, the data-ride attribute should be set to "carousel".
False
To use Bootstrap, you will first need to code several thousand lines of CSS and JavaScript.
False
When designing Bootstrap Form layouts, you cannot use row or col classes.
False
When including multiple Bootstrap Carousels on a single HTML document, it is important that they all have an ID value of "carouselImage1".
False
When including multiple Bootstrap Carousels on a single HTML document, it is important that they all have the same ID value.
False
When using Bootstrap Modals, the modal-body can only contain images.
False
When using Bootstrap Navbars, the navbar-collapse section must have an ID set to "Manisha".
False
When using Bootstrap Navbars, the navbar-collapse section must have an ID set to "myNavigationMenu".
False
In which circumstance should you not use a CDN, but include the files in your site.
Your HTML content is on a network not connected to the Internet.
A Jumbotron has rounded corners by default. To remove the rounded corners, you can simply add the ____ class.
rounded-0
To show a Bootstrap Accordion collapsable panel when the page loads, you can simply include the show class.
True
To create a strong red overlay mask, you should consider using the following classes:
mask flex-center rgba-red-strong
To scale a Bootstrap Jumbotron without breakpoints, it is suggested to use the jumbotron-fluid class.
True
To show a Bootstrap Accordion collapsable panel when the page loads, you can simply include the onload class.
True
To show a Bootstrap Navbar nav-item as active, simply add the active class.
True
To use FontAwesome5, you would simply link to the FontAwesome CDN in the HEAD of your HTML document.
True
Using Bootstrap Grids, you would see three colored boxes in a single row based on this example <div class="row"> <div class="col-1 bg-danger"> <p>Column 1</p> </div> <div class="col-10 bg-info"> <p>Column 2</p> </div> <div class="col-1 bg-primary"> <p>Column 3</p> </div></div>
True
Using Bootstrap requires you to spend most of your time editing HTML.
True
A Bootstrap Alert can be dismissed using the alert-dismissible class.
True
Using Bootstrap Grids, you would see three colored boxes in a single row based on this when a large or bigger viewport is used: <div class="row"><div class="col-lg-4 bg-danger"><p>Column 1</p></div><div class="col-lg-4 bg-info"><p>Column 2</p></div><div class="col-lg-4 bg-primary"><p>Column 3</p></div></div>
True
Using the Bootstrap badge-warning class sets the background color of the badge to a shade of orange.
True
When designing Bootstrap Form layouts, you might consider classes such as form-group, form-row, or form-horizontal.
True
When using Bootstrap Modals, it is good practice to add a clear way to dismiss the modal.
True
If a Bootstrap Carousel contains 10 carousel items, with each set with the active class, what would you see when viewing the carousel in a browser?
All ten carousel items at the same time
Perhaps the biggest drawback of using FontAwesome is that the glyphs only appear as white. While this is great on a webpage with a black background, it is impossible to see a glyph when there is a white background. Perhaps the next version of FontAwesome will fix this oversight.
False
On a mobile device such as an iPhone, form fields generally should span the width of the screen.
True
Bootstrap Grids assume a grid layout of _____ columns
12
Which of the following examples is the simplest, yet correct, way to create a Bootstrap card adding the word 'Hi' using a card-text class?
<div class="card"> <div class="card-body"> <p class="card-text">Hi</p> </div></div>
To add the common Facebook glyph on your website, you would simply link to the FontAwesome5 CDN and include the following HTML:
<i class="fab fa-facebook"></i>
Which of the following demonstrates the easiest way to dramatically increase the size of a FontAwesome glyph?
<i class="fas fa-facebook fa-10x"></i>
MDB contains several gradient colors.
True
The Bootstrap CSS file is linked in the Head section of an HTML document.
True
In the context of Google's Material Design, MDB is also referred to as __________.
Material Design for Bootstrap
One advantage of using the MDB CDN is that _________.
The MDB files likely already been downloaded to a browser, decreasing load times.
Applying Bootstrap Form styles to an HTML document requires extensive CSS knowledge.
False
Applying Bootstrap Form styles to an HTML document requires extensive PHP knowledge.
False
Bootstrap Accordions are frequently used to embed music players on an HTML page.
False
Bootstrap Modals are designed to change the modality of a website from fast-loading to slow-loading (as would be encountered when using remote satellite internet in the Arctic).
False
FontAwesome replaces the need to use font-family declaration in your CSS.
False
An easy way to determine if Bootstrap is loading (assuming no other CSS exists) is to see if the default typeface is a sans-serif typeface (as most browser default to a serif typeface).
True
As an alternate to H1-H6, Bootstrap provides Display classes (e.g., display-1).
True
Bootstrap Accordions are used to show and hide information on an HTML page.
True
Bootstrap cards could be used as a simple way to highlight featured news stories on a magazine website.
True
Bootstrap cards could be used as a simple way to layout a list of executives and directors on a corporate website.
True
Bootstrap consists of JavaScript and CSS files that are developed by the Bootstrap team.
True
Bootstrap makes it easy to change the case of any text to all uppercase using the text-uppercase class.
True
Bootstrap provides an easy option to slightly fade out less important text using the text-muted class.
True
In addition to colored and transparent overlays, MDB also provides several pattern masks such as pattern-1.
True
It is recommended to use a Bootstrap Jumbotron to showcase information.
True
MDB applies Google's Material Design design language to the Bootstrap framework developed by Twitter.
True
MDB contains a wide color palette that includes several main colors that can be lightened or darkened.
True
Using Bootstrap I can place elements within a row, by wrapping the elements in a div tag and applying the row class.
True
A Bootstrap Accordion panel cannot contain a Jumbotron.
False
A Bootstrap Jumbotron cannot be contained within a Bootstrap column.
False
A Bootstrap Navbar can be fixed to the top or the bottom of a browser viewport using the bottom and top classes.
False
A Bootstrap card can only use a White background (#FFFFFF) and a font set of Helvetica.
False
A webpage can only include the ability to launch a single Bootstrap Modal.
False
To create a response image using MDB, simply add the ____ class to any <img> tag.
img-fluid
Linking a Bootstrap CSS file will have no immediate effect on the way your website looks.
False
MDB does not contain documentation, so it is only learned through trial-and-error.
False
MDB provides a single class (called magic) that can be added to any <img> tag, allowing it to 'automagically' masks the image and display text when the mouse is positioned over the image.
False
Using Bootstrap Grids, you would see three colored boxes in a single row based on this when a small viewport is used: <div class="row"> <div class="col-lg-4 bg-danger"> <p>Column 1</p> </div> <div class="col-lg-4 bg-info"> <p>Column 2</p> </div> <div class="col-lg-4 bg-primary"> <p>Column 3</p> </div></div>
False
Using Bootstrap requires you to spend most of your time editing CSS.
False
Using the Bootstrap badge-warning class sets the background color of the badge to a shade of blue.
False
When using a Bootstrap Navbar, the navbar-brand section can only contain text. Adding an image will cause massive formatting problems.
False
Which of the following classes would reveal a shade of purple lighter than just purple:
purple lighten-5
Shadows are a key component of the Material Design language, so adding shadows using MDB is easy as adding a class such as _____.
z-depth-5
Which of the following is a MDB gradient color class example:
blue-gradient
Which of the following classes would allow you to set a font color to blue?
blue-text