{"iq":[{"id":"1",
"q":"what is Bootstrap? ",
"answer":"Bootstrap is a framework for building the rich web applications with minimal effort.\nThis framework emphasis more on building mobile web applications. "
},
{"id":"2",
"q":"What are the features of bootstrap ? ",
"answer":"Features of Bootstrap\nEasy to use\nOpen Source\nBrowser compatibility\nResponsive features"
},
{"id":"3",
"q":"In Which language Bootstrap is written?",
"answer":"HTML, CSS, LESS, Sass and JavaScript"
},
{"id":"4",
"q":"Who developed the Bootstrap?",
"answer":"Mark Otto and Jacob Thornton developed bootstrap at Twitter lab."
},
{"id":"5",
"q":"how to download the Bootstrap?",
"answer":"Website: http://getbootstrap.com/"
},
{"id":"6",
"q":"what is the latest version in Bootstrap .? ",
"answer":"bootstrap 4.0 is the latest version . "
},
{"id":"7",
"q":" What are class loaders in Bootstrap?",
"answer":"Class loader is a part of JRE (Java Runtime Environment) which loads Java classes into Java virtual environment. Class loaders also does the process of converting a named class into its equivalent binary form. "
},
{"id":"8",
"q":" What are the common bootstrap class to apply background colors.",
"answer":".active,\n.success,\n.warning,\n.danger,\n.info"
},
{"id":"9",
"q":"What are different types of layout available in Bootstrap?",
"answer":"* Fluid Layout\n* Fixed Layout;"
},
{"id":"10",
"q":"What is Fluid Layout in Bootstrap?",
"answer":"Fluid layout adapts itself to different browser. Means design automatic adjust according to browser size."
},
{"id":"11",
"q":"What is Fixed Layout in Bootstrap?",
"answer":"Fixed layout doesn’t adapts itself to different browser but it can be responsive."
},
{"id":"12",
"q":" What is responsive layout?",
"answer":"Responsive layout which is able to adapt itself to different sizes as well, but when resizing, the number of columns changes according to the available space."
},
{"id":"13",
"q":"What are Bootstrap media queries?",
"answer":" Media Queries in Bootstrap allow you to move, show and hide content based on viewport size."
},
{"id":"14",
"q":"What is difference between Fluid Layout and responsive Layout?",
"answer":"Fluid layout adapts itself to different browser window sizes, all the values used are calculated proportionally to the viewport size, so when resizing, all the columns are resized.\nResponsive layout is able to adapt itself to different sizes as well. When resizing, the number of columns changes according to the available space."
},
{"id":"15",
"q":"What function you can use to wrap a page content? ",
"answer":".container "
},
{"id":"16",
"q":"What is Jumbotron?",
"answer":"Jumbotron is used for content that you want to highlight like some slogan OR marketing headline. "
},
{"id":"17",
"q":"What to display code in bootstrap?",
"answer":"<code></code> "
},
{"id":"18",
"q":"What is Modal plugin used for in Bootstrap?",
"answer":"Modal Plugin is a child window that is layered over its parent window"
},
{"id":"19",
"q":"What is Bootstrap Container in Bootstrap? ",
"answer":"Bootstrap container is a class which is useful and creating a centred area in the page for display. "
},
{"id":"20",
"q":"What are Bootstrap Badges?",
"answer":"M Badges are small and simple components for displaying an indicator or to count some sort of number. This is very useful for mail count and notification etc."
},
{"id":"21",
"q":"What is a Bootstrap Breadcrumb?",
"answer":"A breadcrumb is a navigation scheme that indicates the user's location in a website or web application. The following example shows how to create breadcrumbs.\nHTML Code\n<ul class=\"breadcrumb\">\n<li><a href=\"#\">Mobiles</a></li>\n<li><a href=\"#\">smart</a></li>\n<li class=\"active\">Moto </li>\n</ul> "
},
{"id":"22",
"q":"Explain Validation States with Twitter Bootstrap? ",
"answer":"Bootstrap provides an easy-to-use and powerful mechanism for styling input controls to present various validation states. Bootstrap includes validation styles for error, warning and success messages. To use, just add the appropriate class to the surrounding .form-group."
},
{"id":"23",
"q":"Explain media objects in Bootstrap.",
"answer":" If you want to create a layout like blog comments that contain a left- or right-aligned image along with the textual content, you can do that easily through the newly introduced Bootstrap media component, like this."
},{"id":"24",
"q":"What are Glyphicons in Bootstrap?",
"answer":"Glyphicons are icons we use to make our web page more attractive. For example, when we open a signup page then we see a user icon before a text box, this icon is glyphicon."
},{"id":"25",
"q":"How many types of froms are there in bootstrap.? ",
"answer":"To make the forms more attractive using Bootstrap, open up the bootstrap.css file and check out the following Bootstrap CSS class.\nVertical Form (default form layout)\nHorizontal Form\nInline Form"
},{"id":"26",
"q":"What contextual classes are used with progress bars in Bootstrap?",
"answer":"The contextual classes used with progress bars are:\n.progress-bar-info\n.progress-bar-success\n.progress-bar-danger\n.progress-bar-warning"
},{"id":"27",
"q":" How can you give a style to images in Bootstrap?",
"answer":"By using the Bootstrap classes we can easily style images like making images round, cornered, or circular, or we can give a thumbnail effect on images. We have the following classes for image shapes.\nRounded Corners - The .img-rounded class used for adding rounded corners to an image.\nCircle - The .img-circle class used for shaping the image to a circle.\nThumbnail - The .img-thumbnail class used for shaping the image to a thumbnail."
},{"id":"28",
"q":"What is Bootstrap collapsing elements?",
"answer":" Bootstrap collapsing elements enables you to collapse any element without using external JavaScript."
},{"id":"29",
"q":"What is button group? ",
"answer":"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."
},{"id":"30",
"q":" Explain what is the use of Bootstrap Carousel plugin?",
"answer":"The Carousel plugin is used to add a slider to your site. It is useful in condition where you want to display huge amount of contents within a small space on the web pages. Some of the standard carousel includes\n.carousel (options)\n.carousel (‘cycle’)\n.carousel (‘pause’)\n.carousel (‘number’)\n.carousel (‘prev’)\n.carousel (‘next’)"
},{"id":"31",
"q":"Explain the use of icons in Bootstrap Framework!",
"answer":"There are around 250 glyphs available free of cost with Bootstrap from Glyphicon Halflings fonts set. You can select the best one from the given set of icons easily."
},{"id":"32",
"q":" What are the default sizes given to <body> tag in the Bootstrap Framework?",
"answer":"In this framework default font size : 14px and line height 1.428 px is given to <body> tag. Also <P> tag are given padding-bottom of 10px by deault. "
},{"id":"33",
"q":"What are Offsetting columns in Bootstrap 3 Grid System?",
"answer":" Using Offsetting columns you can easily push the column to create more spaces between your content. Just add them to your particular classes with same suffix i.e. .col-md-offset-*. Although .col-xs classes don’t support offset but they are customized using empty cells only. "
},{"id":"34",
"q":" What is Bootlint?",
"answer":"It is the official Bootstrap HTML linter tool. Bootlint is used to check the HTML mistakes that comes along in the structure that you have made for your web page"
},{"id":"35",
"q":" What are Contextual colors in Bootstrap 3?",
"answer":"These are basic colors provided them in this CSS framework. You can use them with buttons, inputs, text as well as background too!"
},{"id":"36",
"q":" Explain in brief about Bootstrap 3 Tables!",
"answer":"Tables can be easily made with basic html tag and specific classes provided in Bootstrap 3. You can make table with Striped rows, bordered table, hover rows, condensed table and responsive table using their specific classes for right results. Read more about Bootstrap 3 tables here. "
},{"id":"37",
"q":" Popular term ‘Mobile First design’ was introduced in Bootstrap from beginning?",
"answer":"Although Bootstrap started supporting responsive web designing from version 2.0. Mobile First design was introduced in the Bootstrap current version 3.0"
},{"id":"38",
"q":"horizontal, inline and basic have similar views under 768px devices? Yes or No Explain!",
"answer":"Yes different types of Bootstrap forms when viewed under 768px devices render similar properties. Inline form only works at device viewports that are at least 768px wide"
},{"id":"39",
"q":" Can we make images responsive in Bootstrap? ",
"answer":"Yes we can make images responsive by adding class .img-responsive which in turn applies CSS properties with max-width(100%) as well as height (auto) for covering parent element."
},{"id":"40",
"q":"What are the default sizes given to <body> tag in the Bootstrap Framework?",
"answer":"In this framework default font size : 14px and line height 1.428 px is given to <body> tag. Also <P> tag are given padding-bottom of 10px by deault."
}
]
}
"q":"what is Bootstrap? ",
"answer":"Bootstrap is a framework for building the rich web applications with minimal effort.\nThis framework emphasis more on building mobile web applications. "
},
{"id":"2",
"q":"What are the features of bootstrap ? ",
"answer":"Features of Bootstrap\nEasy to use\nOpen Source\nBrowser compatibility\nResponsive features"
},
{"id":"3",
"q":"In Which language Bootstrap is written?",
"answer":"HTML, CSS, LESS, Sass and JavaScript"
},
{"id":"4",
"q":"Who developed the Bootstrap?",
"answer":"Mark Otto and Jacob Thornton developed bootstrap at Twitter lab."
},
{"id":"5",
"q":"how to download the Bootstrap?",
"answer":"Website: http://getbootstrap.com/"
},
{"id":"6",
"q":"what is the latest version in Bootstrap .? ",
"answer":"bootstrap 4.0 is the latest version . "
},
{"id":"7",
"q":" What are class loaders in Bootstrap?",
"answer":"Class loader is a part of JRE (Java Runtime Environment) which loads Java classes into Java virtual environment. Class loaders also does the process of converting a named class into its equivalent binary form. "
},
{"id":"8",
"q":" What are the common bootstrap class to apply background colors.",
"answer":".active,\n.success,\n.warning,\n.danger,\n.info"
},
{"id":"9",
"q":"What are different types of layout available in Bootstrap?",
"answer":"* Fluid Layout\n* Fixed Layout;"
},
{"id":"10",
"q":"What is Fluid Layout in Bootstrap?",
"answer":"Fluid layout adapts itself to different browser. Means design automatic adjust according to browser size."
},
{"id":"11",
"q":"What is Fixed Layout in Bootstrap?",
"answer":"Fixed layout doesn’t adapts itself to different browser but it can be responsive."
},
{"id":"12",
"q":" What is responsive layout?",
"answer":"Responsive layout which is able to adapt itself to different sizes as well, but when resizing, the number of columns changes according to the available space."
},
{"id":"13",
"q":"What are Bootstrap media queries?",
"answer":" Media Queries in Bootstrap allow you to move, show and hide content based on viewport size."
},
{"id":"14",
"q":"What is difference between Fluid Layout and responsive Layout?",
"answer":"Fluid layout adapts itself to different browser window sizes, all the values used are calculated proportionally to the viewport size, so when resizing, all the columns are resized.\nResponsive layout is able to adapt itself to different sizes as well. When resizing, the number of columns changes according to the available space."
},
{"id":"15",
"q":"What function you can use to wrap a page content? ",
"answer":".container "
},
{"id":"16",
"q":"What is Jumbotron?",
"answer":"Jumbotron is used for content that you want to highlight like some slogan OR marketing headline. "
},
{"id":"17",
"q":"What to display code in bootstrap?",
"answer":"<code></code> "
},
{"id":"18",
"q":"What is Modal plugin used for in Bootstrap?",
"answer":"Modal Plugin is a child window that is layered over its parent window"
},
{"id":"19",
"q":"What is Bootstrap Container in Bootstrap? ",
"answer":"Bootstrap container is a class which is useful and creating a centred area in the page for display. "
},
{"id":"20",
"q":"What are Bootstrap Badges?",
"answer":"M Badges are small and simple components for displaying an indicator or to count some sort of number. This is very useful for mail count and notification etc."
},
{"id":"21",
"q":"What is a Bootstrap Breadcrumb?",
"answer":"A breadcrumb is a navigation scheme that indicates the user's location in a website or web application. The following example shows how to create breadcrumbs.\nHTML Code\n<ul class=\"breadcrumb\">\n<li><a href=\"#\">Mobiles</a></li>\n<li><a href=\"#\">smart</a></li>\n<li class=\"active\">Moto </li>\n</ul> "
},
{"id":"22",
"q":"Explain Validation States with Twitter Bootstrap? ",
"answer":"Bootstrap provides an easy-to-use and powerful mechanism for styling input controls to present various validation states. Bootstrap includes validation styles for error, warning and success messages. To use, just add the appropriate class to the surrounding .form-group."
},
{"id":"23",
"q":"Explain media objects in Bootstrap.",
"answer":" If you want to create a layout like blog comments that contain a left- or right-aligned image along with the textual content, you can do that easily through the newly introduced Bootstrap media component, like this."
},{"id":"24",
"q":"What are Glyphicons in Bootstrap?",
"answer":"Glyphicons are icons we use to make our web page more attractive. For example, when we open a signup page then we see a user icon before a text box, this icon is glyphicon."
},{"id":"25",
"q":"How many types of froms are there in bootstrap.? ",
"answer":"To make the forms more attractive using Bootstrap, open up the bootstrap.css file and check out the following Bootstrap CSS class.\nVertical Form (default form layout)\nHorizontal Form\nInline Form"
},{"id":"26",
"q":"What contextual classes are used with progress bars in Bootstrap?",
"answer":"The contextual classes used with progress bars are:\n.progress-bar-info\n.progress-bar-success\n.progress-bar-danger\n.progress-bar-warning"
},{"id":"27",
"q":" How can you give a style to images in Bootstrap?",
"answer":"By using the Bootstrap classes we can easily style images like making images round, cornered, or circular, or we can give a thumbnail effect on images. We have the following classes for image shapes.\nRounded Corners - The .img-rounded class used for adding rounded corners to an image.\nCircle - The .img-circle class used for shaping the image to a circle.\nThumbnail - The .img-thumbnail class used for shaping the image to a thumbnail."
},{"id":"28",
"q":"What is Bootstrap collapsing elements?",
"answer":" Bootstrap collapsing elements enables you to collapse any element without using external JavaScript."
},{"id":"29",
"q":"What is button group? ",
"answer":"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."
},{"id":"30",
"q":" Explain what is the use of Bootstrap Carousel plugin?",
"answer":"The Carousel plugin is used to add a slider to your site. It is useful in condition where you want to display huge amount of contents within a small space on the web pages. Some of the standard carousel includes\n.carousel (options)\n.carousel (‘cycle’)\n.carousel (‘pause’)\n.carousel (‘number’)\n.carousel (‘prev’)\n.carousel (‘next’)"
},{"id":"31",
"q":"Explain the use of icons in Bootstrap Framework!",
"answer":"There are around 250 glyphs available free of cost with Bootstrap from Glyphicon Halflings fonts set. You can select the best one from the given set of icons easily."
},{"id":"32",
"q":" What are the default sizes given to <body> tag in the Bootstrap Framework?",
"answer":"In this framework default font size : 14px and line height 1.428 px is given to <body> tag. Also <P> tag are given padding-bottom of 10px by deault. "
},{"id":"33",
"q":"What are Offsetting columns in Bootstrap 3 Grid System?",
"answer":" Using Offsetting columns you can easily push the column to create more spaces between your content. Just add them to your particular classes with same suffix i.e. .col-md-offset-*. Although .col-xs classes don’t support offset but they are customized using empty cells only. "
},{"id":"34",
"q":" What is Bootlint?",
"answer":"It is the official Bootstrap HTML linter tool. Bootlint is used to check the HTML mistakes that comes along in the structure that you have made for your web page"
},{"id":"35",
"q":" What are Contextual colors in Bootstrap 3?",
"answer":"These are basic colors provided them in this CSS framework. You can use them with buttons, inputs, text as well as background too!"
},{"id":"36",
"q":" Explain in brief about Bootstrap 3 Tables!",
"answer":"Tables can be easily made with basic html tag and specific classes provided in Bootstrap 3. You can make table with Striped rows, bordered table, hover rows, condensed table and responsive table using their specific classes for right results. Read more about Bootstrap 3 tables here. "
},{"id":"37",
"q":" Popular term ‘Mobile First design’ was introduced in Bootstrap from beginning?",
"answer":"Although Bootstrap started supporting responsive web designing from version 2.0. Mobile First design was introduced in the Bootstrap current version 3.0"
},{"id":"38",
"q":"horizontal, inline and basic have similar views under 768px devices? Yes or No Explain!",
"answer":"Yes different types of Bootstrap forms when viewed under 768px devices render similar properties. Inline form only works at device viewports that are at least 768px wide"
},{"id":"39",
"q":" Can we make images responsive in Bootstrap? ",
"answer":"Yes we can make images responsive by adding class .img-responsive which in turn applies CSS properties with max-width(100%) as well as height (auto) for covering parent element."
},{"id":"40",
"q":"What are the default sizes given to <body> tag in the Bootstrap Framework?",
"answer":"In this framework default font size : 14px and line height 1.428 px is given to <body> tag. Also <P> tag are given padding-bottom of 10px by deault."
}
]
}