Home Interview Questions and AnswersTechnical Interview Questions and AnswersBootstrap Bootstrap Interview Questions and Answers For Graduates Part-2

Bootstrap11.How do you use Glyphicons?
To use the icons, simply use the following code just about anywhere in your code. Leave a space between the icon and text for proper padding.

<span class = “glyphicon glyphicon-search”></span>
What is a transition plugin?
The transition plugin provides simple transition effects such as Sliding or fading in modals.

12.What is a Modal Plugin?
A modal is a child window that is layered over its parent window. Typically, the purpose is to display content from a separate source that can have some interaction without leaving the parent window. Child windows can provide information, interaction, or more.

13.How do you use the Dropdown plugin?
You can toggle the dropdown plugin’s hidden content −

Via data attributes − Add data-toggle = “dropdown” to a link or button to toggle a dropdown as shown below −

<div class = “dropdown”>
<a data-toggle = “dropdown” href = “#”>Dropdown trigger</a>
<ul class = “dropdown-menu” role = “menu” aria-labelledby = “dLabel”>

</ul>
</div>
If you need to keep links intact (which is useful if the browser is not enabling JavaScript), use the data-target attribute instead of href=”#” −

<div class = “dropdown”>
<a id = “dLabel” role = “button” data-toggle = “dropdown” data-target = “#” href = “/page.html”>
Dropdown

<span class = “caret”></span>
</a>

<ul class = “dropdown-menu” role = “menu” aria-labelledby = “dLabel”>

</ul>

</div>
Via JavaScript − To call the dropdown toggle via JavaScript, use the following method −

$(‘.dropdown-toggle’).dropdown()

14.What is Bootstrap caraousel?
The Bootstrap carousel is a flexible, responsive way to add a slider to your site. In addition to being responsive, the content is flexible enough to allow images, iframes, videos, or just about any type of content that you might want.

15.What is button group?
Button groups allow multiple buttons to be stacked together on a single line. This is useful when you want to place items like alignment buttons together.

16.Which class is used for basic button group?
.btn-group class is used for a basic button group. Wrap a series of buttons with class .btn in .btn-group.

17.Which class is used to draw a toolbar of buttons?
.btn-toolbar helps to combine sets of <div class = “btn-group”> into a <div class = “btn-toolbar”> for more complex components.

18.Which classes can be applied to button group instead of resizing each button?
.btn-group-lg, .btn-group-sm, .btn-group-xs classes can be applied to button group instead of resizing each button.

19.Which class make a set of buttons appear vertically stacked rather than horizontally
.btn-group-vertical class make a set of buttons appear vertically stacked rather than horizontally.

20.How will you create a vertical pills navigation menu?
You can stack the pills vertically using the class .nav-stacked along with the classes: .nav, .nav-pills.

You may also like

Leave a Comment