This article contains TOP BOOTSTRAP Interview Questions and Answers which are generally asked during corporate interviews. The whole purpose of this article is to provide a quick overview of BOOTSTRAP Interview Questions and Answers and touch the core concepts behind responsive design practices in brief.
BOOTSTRAP Interview Questions and Answers List
 |
| BOOTSTRAP Interview Questions and Answers |
11. What is the use of Jumbotron in Bootstrap?
In bootstrap, Jumbotron is generally used for content that you want to highlight like some slogan or marketing headline etc. in other words it is used to enlarge the size of the headings and to add a margin for landing page content
To use the Jumbotron in Bootstrap
► Create a container <div> with the class of .jumbotron
12. What is the difference between Bootstrap and Foundation?
Bootstrap:
– Bootstrap offers unlimited number of UI elements
– Bootstraps uses pixels
– Bootstrap encourages to design for both desktop and mobile.
– Bootstrap support LESS as its preprocessor
Foundation:
– In Foundation UI element options are very limited in numbers
– Foundation use REMs
– Foundation encourages to design mobile first
– Foundation support Sass and Compass as its preprocessor
13. In Bootstrap what are the two ways you can display the code?
In bootstrap you can display code in two ways
► <code> tag : If you are going to display code inline, you should use <code> tag
► <pre> tag: If you want to display the code as a standalone block element or it has multiple lines then you should use <pre> tag
14. what are the steps for creating basic or vertical forms?
The steps for creating basic or vertical forms are
► Add a role form to the parent <form> element
► Wrap labels and controls in a <div> with class .form-group. To achieve optimum spacing this is needed
► Add a class of .form-control to all texturl <input> , <textarea> , and <select> elements
15. what is Modal plugin used for in Bootstrap?
A modal is a child window that is layered over its parent window. Using a custom Jquery Plugin, Bootstrap Modal are created. To enrich user experience and to add functionality to users, modal windows are created with the help of Modal plugin.
16. what is Bootstrap Container?
Bootstrap container is a class which is useful and creates a centred area within the page where our site content can be put within. The advantage of the bootstrap .container is that it is responsive and will place all our other HTML code.
17. what is Bootstrap collapsing elements?
Bootstrap collapsing elements enables you to collapse any particular element without writing any JavaScript code or the accordion markup. In Bootstrap to apply collapsing elements you have to add data-toggle= “collapse” to the controller element along with a data-target or href to automatically assign control of a collapsible element. Likewise, you can use .collapse (options), .collapse (‘show’) or .collapse (‘hide’)
18. what is list group in Bootstrap and what is the use of it?
List groups are components to display both simple and complex element with custom content
For example, a simple list group is created using class .list-group to address the list, and class .list-group-item to address individual item.
19. How you can add badge to list group in Bootstrap?
To add badge to list group in Bootstrap you have to simply add <span class = “badge”> within the <li> element.
20. what media object in Bootstrap is and what are their types?
Media objects in Bootstrap enables to put media object like image, video or audio to the left or right of the content blocks. Media element can be created using the class .media and the source is specified in using the class .media-object. Media-objects are of two types,
They are of two types:
► .media
► .media-list
No comments:
Post a Comment