Bootstrap Interview Questions

Want to become an expert in cracking Bootstrap interview questions?

Start with practicing the questions below. Whether a question involves multiple choice or live coding, we will give you hints as you go and tell you if your answers are correct or incorrect.

After that, take our timed public Bootstrap Interview Questions Test.

To use our service for testing candidates, buy a pack of candidates.

1. Info Button
Bootstrap Styling Public

The following element is based on Bootstrap: A blue info button.

Select all HTML markups that would result in this element.

<a href="#" class="btn btn-info">Info</a>
<button type="button" class="btn btn-blue">Info</button>
<button type="button" class="btn blue">Info</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="blue button">Info</button>

2. Panel
Bootstrap Styling Public

A div element, as shown in the image below, is decorated as a bootstrap panel. If the text within the panel header is clicked, it expands to show the body and footer. Which of the following statements is true?

A collapsible bootstrap panel.

The panel must be within a container that is decorated with the .panel-group class.
The .panel-title and .panel-heading classes are functionally equivalent.
Both the href and data-target attributes are valid when used on a link element to specify which elements are collapsible.
The header contains a link with the data-toggle="collapse" attribute.
The body and footer are wrapped in a container tag which is decorated with the ".collapse" class.
The body and footer must contain a link with a data-toggle="collapse" attribute.

3. Tooltip
Bootstrap Plugins Public

Select the code snippets that, besides referencing bootstrap.css and bootstrap.js, are required to produce the following effect:

A bootstrap hover-over effect.

<script src="jquery.js"></script>
var a = document.getElementsByTagName("a"); 
for (var i = 0; i < a.length; i++) { a[i].className += " tooltip-right"; }
<script> $(document).ready(function () { $('[data-toggle="tooltip"]').tooltip(); }); </script>
<a href="#" data-tooltip="Nice!" data-position="right">Hover over me!</a>
<a href="#" data-toggle="tooltip" data-placement="right" title="Nice!">Hover over me!</a>

If you feel ready, take one of our timed public Bootstrap Interview Questions tests:
  • HTML/CSS and Bootstrap Online Test (Easy / Hard)
  • HTML/CSS, JavaScript with jQuery, and Bootstrap Online Test (Easy / Hard)
  • HTML/CSS, JavaScript, and Bootstrap Online Test (Easy / Hard)
Not exactly what you are looking for? Go to our For Jobseekers section.