Top 500 Bootstrap5 MCQ Interview Questions

Question 301: Which class is used for a modal body in Bootstrap 5?
Answer: A) <div class="modal-body">
Question 302: How do you create a card with an image in Bootstrap 5?
Answer: B) <div class="card-body"><img src="..." class="card-img-top"></div>
Question 303: Which class is used to create a rounded image in Bootstrap 5?
Answer: B) .rounded
Question 304: How do you create a full-height navbar in Bootstrap 5?
Answer: B) <nav class="navbar navbar-expand-lg vh-100">
Question 305: Which class is used for large buttons in Bootstrap 5?
Answer: A) .btn-lg
Question 306: How do you create a fixed-top navbar in Bootstrap 5?
Answer: D) <nav class="navbar navbar-fixed-top">
Question 307: Which class is used for a primary button in Bootstrap 5?
Answer: A) .btn-primary
Question 308: How do you create a grid layout in Bootstrap 5?
Answer: A) <div class="row"><div class="col"></div></div>
Question 309: Which class is used to make an element invisible in Bootstrap 5?
Answer: C) .d-none
Question 310: How do you create a collapsible element in Bootstrap 5?
Answer: C) <button data-bs-toggle="collapse">
Question 311: Which class is used for a success alert in Bootstrap 5?
Answer: A) .alert-success
Question 312: How do you create a dropdown menu in Bootstrap 5?
Answer: C) <div class="dropdown-menu">
Question 313: Which class is used to create a responsive embed in Bootstrap 5?
Answer: C) .ratio
Question 314: How do you add a tooltip in Bootstrap 5?
Answer: B) data-bs-toggle="tooltip"
Question 315: Which class is used for a danger alert in Bootstrap 5?
Answer: A) .alert-danger
Question 316: How do you create a button group in Bootstrap 5?
Answer: A) <div class="btn-group">
Question 317: Which class is used for a secondary button in Bootstrap 5?
Answer: A) .btn-secondary
Question 318: How do you create a responsive column in Bootstrap 5?
Answer: A) .col
Question 319: Which class is used to create a navbar in Bootstrap 5?
Answer: A) .navbar
Question 320: How do you align items to the right in Bootstrap 5?
Answer: A) .text-end
Question 321: What is the default value of the data-bs-theme attribute in Bootstrap 5?
Answer: C) auto
Question 322: Which class is used to create a bordered table in Bootstrap 5?
Answer: A) .table-bordered
Question 323: How do you create a modal in Bootstrap 5?
Answer: A) <div class="modal">
Question 324: Which class is used to create a responsive image in Bootstrap 5?
Answer: B) .img-fluid
Question 325: How do you create a card in Bootstrap 5?
Answer: A) <div class="card">
Question 326: Which class is used to create a list group in Bootstrap 5?
Answer: A) .list-group
Question 327: How do you create a pagination in Bootstrap 5?
Answer: A) <ul class="pagination">
Question 328: Which class is used for a primary button in Bootstrap 5?
Answer: A) .btn-primary
Question 329: How do you display a spinner in Bootstrap 5?
Answer: A) <div class="spinner-border">
Question 330: Which class is used to create a toast notification in Bootstrap 5?
Answer: A) .toast
Question 331: What is the class used to create a jumbotron in Bootstrap 5?
Answer: A) .jumbotron
Question 332: Which class is used for creating a sticky navbar in Bootstrap 5?
Answer: A) .sticky-top
Question 333: How can you make the text in a Bootstrap 5 alert stand out?
Answer: A) Use .alert-link
Question 334: What is the Bootstrap class used to create a column that takes full width on small screens?
Answer: A) .col-12
Question 335: How do you create a dropdown button in Bootstrap 5?
Answer: D) All of the above
Question 336: Which class is used to create a clearfix in Bootstrap 5?
Answer: A) .clearfix
Question 337: How do you center a block element in Bootstrap 5?
Answer: A) Use .mx-auto
Question 338: What is the purpose of the data-bs-toggle attribute in Bootstrap 5?
Answer: A) It initializes JavaScript plugins.
Question 339: Which class is used to create a progress bar in Bootstrap 5?
Answer: D) Both A and C
Question 340: How do you create a modal in Bootstrap 5?
Answer: A) Use <div class="modal">
Question 341: Which class is used to create a disabled button in Bootstrap 5?
Answer: D) disabled attribute
Question 342: What class is used to change the color of text in Bootstrap 5?
Answer: B) .text-primary
Question 343: Which component is used to create a responsive image in Bootstrap 5?
Answer: B) .img-fluid
Question 344: What class is used to create a vertical alignment in Bootstrap 5?
Answer: D) All of the above
Question 345: How do you create a dropdown menu in Bootstrap 5?
Answer: D) All of the above
Question 346: What is the correct way to create a card in Bootstrap 5?
Answer: A) Use <div class="card">
Question 347: Which class is used for adding space above an element in Bootstrap 5?
Answer: A) .mt-*
Question 348: How can you create a list group in Bootstrap 5?
Answer: D) Both A and B
Question 349: Which component in Bootstrap 5 allows for tabbed content?
Answer: A) Tabs
Question 350: What is the use of data-toggle="dropdown" in Bootstrap 5?
Answer: A) It activates the dropdown menu.

Showing 301-350 of 500 questions

Contact Tech Spakes Training