Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Chapter: 168
Q1881:
Fill in the blank: The latest compiled CSS file for Bootstrap can be included using the link tag with the href attribute pointing to ______.
A. http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css
B. http://bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css
C. https://ajax.googleapis.com/ajax/libs/bootstrap/3.3.5/css/bootstrap.min.css
D. https://cdnjs.cloudflare.com/ajax/libs/bootstrap/3.3.5/css/bootstrap.min.css
Correct Answer:
A
Chapter: 168
Q1882:
What is the primary benefit of using Bootstrap's responsive features?
A. They make the site look good on different screen sizes
B. They improve SEO
C. They speed up server response
D. They enhance server security
Correct Answer:
A
Chapter: 168
Q1883:
Fill in the blank: To use Bootstrap's JavaScript plugins, you must include the ______ library.
A. jQuery
B. AngularJS
C. VueJS
D. React
Correct Answer:
A
Chapter: 169
Q1884:
What is the maximum number of columns Bootstrap's grid system allows across a page?
A. 8
B. 10
C. 12
D. 14
Correct Answer:
C
Chapter: 169
Q1885:
Fill in the blank: Bootstrap's grid system is responsive and adjusts according to the screen size using grid classes such as xs, sm, md, and _____.
A. lg
B. xl
C. xs-sm
D. md-lg
Correct Answer:
A
Chapter: 169
Q1886:
What is the basic structure of a Bootstrap grid?
A. <div class="container"> <div class="col-*-*"></div> </div>
B. <div class="row"> <div class="col-*-*"></div> </div>
C. <div class="row"> <div class="col-*-*"></div> <div class="col-*-*"></div> </div>
D. <div class="col-*-*"> <div class="row"></div> </div>
Correct Answer:
B
Chapter: 169
Q1887:
What does the "xs" class in Bootstrap grid system refer to?
A. Tablets
B. Phones
C. Desktops
D. Larger desktops
Correct Answer:
B
Chapter: 169
Q1888:
Fill in the blank: To create a row in Bootstrap's grid system, you use the <div> tag with the class _____.
A. col--
B. container
C. row
D. grid
Correct Answer:
C
Chapter: 169
Q1889:
Which of the following is NOT a Bootstrap grid class?
A. xs
B. sm
C. md
D. xl
Correct Answer:
D
Chapter: 169
Q1890:
Fill in the blank: In Bootstrap's grid system, the total number of columns in a single row should always sum up to _____.
A. 8
B. 10
C. 12
D. 14
Correct Answer:
C
Chapter: 169
Q1891:
What class should you use to specify larger desktops in Bootstrap's grid system?
A. sm
B. md
C. lg
D. xs
Correct Answer:
C
Chapter: 169
Q1892:
How do you add columns to a row in Bootstrap?
A. By using <div class="container">
B. By using <div class="row">
C. By using <div class="col-*-*">
D. By using <div class="grid">
Correct Answer:
C
Chapter: 169
Q1893:
Fill in the blank: Each row in Bootstrap's grid system starts with a <div> tag with the class _____.
A. container
B. col--
C. row
D. grid
Correct Answer:
C
Chapter: 170
Q1894:
What is the default font size set by Bootstrap?
A. 12px
B. 14px
C. 16px
D. 18px
Correct Answer:
B
Chapter: 170
Q1895:
Fill in the blank: In Bootstrap, the <p> element has a bottom margin equal to half its computed line-height, which is _____.
A. 5px
B. 8px
C. 10px
D. 12px
Correct Answer:
C
Chapter: 170
Q1896:
What class should be used to highlight text in Bootstrap?
A. .text-highlight
B. .highlight
C. .mark
D. .text-mark
Correct Answer:
C
Chapter: 170
Q1897:
Fill in the blank: To make a paragraph stand out in Bootstrap, use the class _____.
A. .lead
B. .text-primary
C. .highlight
D. .emphasize
Correct Answer:
A
Chapter: 170
Q1898:
What Bootstrap class should be used to make a <pre> element scrollable?
A. .pre-scrollable
B. .scrollable
C. .text-scroll
D. .scroll
Correct Answer:
A
Chapter: 170
Q1899:
Fill in the blank: Bootstrap's default margin for <p> elements is _____ by default.
A. 5px
B. 10px
C. 15px
D. 20px
Correct Answer:
B
Chapter: 170
Q1900:
Which Bootstrap class is used to indicate uppercase text?
A. .text-lowercase
B. .text-uppercase
C. .text-capitalize
D. .text-bold
Correct Answer:
B