Q#1. What is Bootstrap?
Ans. Bootstrap is the most popular and powerful HTML, CSS, and JavaScript front-end framework for faster and easier use, responsive layout, and mobile-first web development. It includes design templates for UI components like Forms, Buttons, Tables, Navigation, Dropdowns, Alerts, Tabs, Accordion, Carousel and many others with optional JavaScript plugins.
Q#2. What are the key components of Bootstrap?
Ans. The key components of Bootstrap are
CSS : It comes with plenty of CSS files
Scaffolding : It provides a basic structure with Grid system , link styles and background
Layout Components : List of layout components
JavaScript Plugins: It contains many jQuery and JavaScript plugins
Customize: To get your own version of framework you can customize your components
Q#3. What do you understand by Bootstrap container?
Ans. Bootstrap container behaves like a container where you can put HTML code and it is a part within the page where the content of the site can be placed to make it responsive and fast.
Q#4. What is Normalize in Bootstrap?
Ans. Bootstrap uses Normalize to establish cross browser consistency.
Normalize.css is a modern, HTML5-ready alternative to CSS resets. It is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements.
Q#5. Explain what is Bootstrap Grid System?
Ans. For creating page layout through a series of rows and columns that house your content Bootstrap Grid Sytem is used.
Q#6. What do you understand by Bootstrap container?
Ans. Bootstrap container behaves like a container where you can put HTML code and it is a part within the page where the content of the site can be placed to make it responsive and fast.
Q#7. Could You Explain Me About Responsive Layout?
Ans. Responsive layout's design automatic adjusts to the browser size but when resizing, the number of columns changes according to the space available.
Q#8. Define Fixed Layout.
Ans. Fixed layout is responsive and easy to use but just like the fluid layout, it cannot adjust itself according to the browser size. Fixed Layout should be 940 px in most cases.
Q#9. What is a progress bar in bootstrap?
Ans. Progress bar is used with HTML tag style in HTML element using progress keyword. In bootstrap we used html5 progress with CSS classes that have special features in bootstrap, that is only made for the progress bar.
Q#10. What is column ordering in Bootstrap?
Ans. Column ordering is one of the feature available in bootstrap and you can easily write columns in an order and show them in another one. With .col-md-push-* and .col-md-pull-*
the order of the column can be easily changed.