Top 500 Bootstrap5 MCQ Interview Questions

Question 51: Which class is used to hide an element in Bootstrap 5?
Answer: B) .d-none
Question 52: How do you create a vertical pill navigation in Bootstrap 5?
Answer: C) <ul class="nav flex-column nav-pills">
Question 53: Which class is used for a responsive grid column that spans 6 columns on medium devices?
Answer: A) .col-md-6
Question 54: How do you create a list with inline items in Bootstrap 5?
Answer: A) <ul class="list-inline">
Question 55: Which class is used to align items in the center of a flex container?
Answer: B) .align-items-center
Question 56: How do you create a dropdown menu with a header in Bootstrap 5?
Answer: B) <h6 class="dropdown-header">
Question 57: Which class is used to add a background color to an element?
Answer: C) .bg-*
Question 58: How do you create a row with 4 equal columns in Bootstrap 5?
Answer: B) <div class="row"><div class="col-4"></div></div>
Question 59: Which class is used to create a card with a header in Bootstrap 5?
Answer: A) .card-header
Question 60: How do you create a responsive table in Bootstrap 5?
Answer: A) <div class="table-responsive">
Question 61: Which class is used for bottom padding in Bootstrap 5?
Answer: A) .pb-*
Question 62: How do you create a toast with an autohide feature in Bootstrap 5?
Answer: B) data-bs-autohide="true"
Question 63: Which class is used for horizontal spacing in Bootstrap 5?
Answer: A) .mx-*
Question 64: How do you create a form group in Bootstrap 5?
Answer: A) <div class="form-group">
Question 65: Which class is used for a bordered table in Bootstrap 5?
Answer: A) .table-bordered
Question 66: How do you create a pagination component in Bootstrap 5?
Answer: A) <ul class="pagination">
Question 67: Which class is used to create a rounded button in Bootstrap 5?
Answer: B) .btn-rounded
Question 68: How do you create a disabled link in Bootstrap 5?
Answer: C) <a class="link-disabled" tabindex="-1">
Question 69: Which class is used to add a border to the top of an element?
Answer: A) .border-top
Question 70: How do you create a carousel control in Bootstrap 5?
Answer: B) <a class="carousel-control-prev">
Question 71: Which class is used to align text to the center in Bootstrap 5?
Answer: A) .text-center
Question 72: How do you create a dropdown button in Bootstrap 5?
Answer: D) <div class="dropdown"><button class="btn dropdown-toggle">
Question 73: Which class is used to display an alert in Bootstrap 5?
Answer: A) .alert
Question 74: How do you create a tooltip in Bootstrap 5?
Answer: B) data-bs-toggle="tooltip"
Question 75: Which class is used to make buttons larger in Bootstrap 5?
Answer: A) .btn-lg
Question 76: How do you create a modal in Bootstrap 5?
Answer: D) <div class="modal fade">
Question 77: Which class is used to create a vertical alignment in Bootstrap 5?
Answer: A) .align-middle
Question 78: How do you create a progress bar in Bootstrap 5?
Answer: B) <div class="progress">
Question 79: Which class is used to create a spinner in Bootstrap 5?
Answer: A) .spinner-border
Question 80: How do you create a list group in Bootstrap 5?
Answer: A) <ul class="list-group">
Question 81: What class is used to make an image responsive in Bootstrap 5?
Answer: A) .img-fluid
Question 82: Which class is used to create a card in Bootstrap 5?
Answer: A) .card
Question 83: How do you add a header to a card in Bootstrap 5?
Answer: A) <div class="card-header">
Question 84: Which class is used to add spacing to elements in Bootstrap 5?
Answer: C) .mt-1
Question 85: How do you create a form group in Bootstrap 5?
Answer: A) <div class="form-group">
Question 86: Which class is used to make a button group in Bootstrap 5?
Answer: A) .btn-group
Question 87: How do you create a row in Bootstrap 5?
Answer: A) <div class="row">
Question 88: Which class is used to create a navbar in Bootstrap 5?
Answer: A) .navbar
Question 89: How do you create a dropdown in Bootstrap 5?
Answer: A) <div class="dropdown">
Question 90: What is the class used to hide an element in Bootstrap 5?
Answer: A) .d-none
Question 91: Which class is used to display an element as a block in Bootstrap 5?
Answer: A) .d-block
Question 92: What is the correct way to create a form input group in Bootstrap 5?
Answer: A) <div class="input-group">
Question 93: How do you create a loading spinner in Bootstrap 5?
Answer: A) <div class="spinner-border">
Question 94: Which class is used to create a horizontal list in Bootstrap 5?
Answer: A) .list-inline
Question 95: How do you create a badge in Bootstrap 5?
Answer: A) <span class="badge">
Question 96: What class is used for a primary button in Bootstrap 5?
Answer: A) .btn-primary
Question 97: How do you create a grid layout in Bootstrap 5?
Answer: A) <div class="row">
Question 98: Which class is used to make an image responsive in Bootstrap 5?
Answer: A) .img-fluid
Question 99: How can you add custom styles to Bootstrap 5 components?
Answer: A) By overriding default styles in CSS
Question 100: What does the .text-center class do in Bootstrap 5?

Showing 51-100 of 500 questions

Contact Tech Spakes Training