# Latest Bootstrap Interview Questions & Answer for 2024

Published: 2024-06-25 · By Next-G Classes · Source: https://nextgclasses.com/blog/latest-bootstrap-interview-questions-answer-for-2024

> Here are some latest interview questions and answers of bootstrap.Next G Classes is one of the best Institutes for IT courses in delhi NCR

Bootstrap, a widely acclaimed open-source front-end framework, was developed by Mark Otto and Jacob Thornton to simplify and enhance web development. With an array of pre-designed HTML, CSS, and JavaScript components, Bootstrap facilitates the creation of responsive and visually appealing websites. Among its standout features are a versatile grid system, a comprehensive suite of pre-built components such as navigation bars, buttons, forms, and modals, and robust JavaScript plugins that boost functionality. Emphasizing a mobile-first approach, Bootstrap ensures websites are optimized for all screen sizes. Customization is seamless, allowing developers to adapt designs to their specific needs using custom CSS or by integrating pre-designed themes. Overall, Bootstrap significantly reduces the time and effort required for front-end development, guaranteeing a consistent and professional appearance across various web projects.<br />
<p dir="ltr">&nbsp;</p>
<p dir="ltr">1. Which of the following class in Bootstrap is used to provide a responsive fixed width container?</p>
<p dir="ltr">a) .container-fixed</p>
<p dir="ltr">b) .container-fluid</p>
<p dir="ltr">c) .container</p>
<p dir="ltr">d) All of the above</p>
<br />
<p dir="ltr">Answer: (a) container-fixed</p>
<br /><br />
<p dir="ltr">2) Which of the following statements is/are correct about Bootstrap 4?<br />a).It provides a free front - end framework<br />b).It is a completely open - source product<br />c).It gives the ability to create responsive designs<br />d).All of the above</p>
<p dir="ltr">Answer: d. All of the above</p>
<br />
<p dir="ltr">3) Is Bootstrap3 mobile-first?<br />a).True<br />b).False<br />c).Can't say<br />d).May be</p>
<p dir="ltr">Answer: (a) True</p>
<br />
<p dir="ltr">4. Which of the following class in Bootstrap is used to create a dropdown menu?</p>
<p dir="ltr">a) .dropdown</p>
<p dir="ltr">b) .select</p>
<p dir="ltr">c) .select-list</p>
<p dir="ltr">d) None of the above</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">Answer: a</p>
<p dir="ltr">5) Which of the following contextual class is used for the purpose of showing warning?<br />a).active<br />b).danger<br />c).warning<br />d).None of the above</p>
<p dir="ltr">Answer: b. .danger</p>
<br />
<p dir="ltr">6) How many columns are allowed in a bootstrap grid system?<br />a).2<br />b).12<br />c).3<br />d).5</p>
<p dir="ltr">Answer: (b) 12</p>
<br />
<p dir="ltr">7. Which of the following bootstrap styles can be used to create a default progress bar?</p>
<p dir="ltr">a) .nav-progress</p>
<p dir="ltr">b) .link-progress-bar</p>
<p dir="ltr">c) .progress, .progress-bar</p>
<p dir="ltr">d) All of the mentioned</p>
<p dir="ltr">Answer: c</p>
<br />
<p dir="ltr">8) Which of the following classes can be used to make image with rounded corners in Bootstrap 4 ?<br />a).img-rounded<br />b).rounded<br />c)Both (a) and (b)<br />d)None of the above</p>
<p dir="ltr">Answer: b. .rounded</p>
<p dir="ltr">9) Which of the following class in bootstrap is used to create a big box for calling extra attention?<br />a).box<br />b).container<br />c).container-fluid<br />d).jumbotron</p>
<p dir="ltr">Answer: (d) .jumbotron</p>
<p dir="ltr">10. Which plugin is used to cycle through elements, like a slideshow?</p>
<p dir="ltr">a) Carousel Plugin</p>
<p dir="ltr">b) Modal Plugin</p>
<p dir="ltr">c) Tooltip Plugin</p>
<p dir="ltr">d) None of the mentioned</p>
<p dir="ltr">Answer: a</p>
<p dir="ltr">11) What is the font - size of &lt;h3&gt; in Bootstrap 4 by default?<br />a).19 px<br />b).28 px<br />c).20 px<br />d).None of the above</p>
<p dir="ltr">Answer: (b). 28 px</p>
<p dir="ltr">12 Which of the following class in Bootstrap is used to create a dropdown menu?<br />a).dropdown<br />b).select<br />c).select-list<br />d).None of the above</p>
<p dir="ltr">Answer: (a) .dropdown</p>
<p dir="ltr">13. Which of the following is correct about the data-animation Data attribute of the Popover Plugin?</p>
<p dir="ltr">a) Gives the popover a CSS fade transition</p>
<p dir="ltr">b) Inserts the popover with HTML</p>
<p dir="ltr">c) Indicates how the popover should be positioned</p>
<p dir="ltr">d) Assigns delegated tasks to the designated targets</p>
<p dir="ltr">Answer: (a) Gives the popover a CSS fade transition</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">14) What does the following meta tag do?</p>
<p dir="ltr">&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;<br />a).Tells the browser to look for media queries in the CSS file<br />b).Makes the web page responsive automatically<br />c).Prevents browsers from scaling desktop websites on mobile<br />d).None of the above options are correct</p>
<p dir="ltr">Answer: c. Prevents browsers from scaling desktop websites on mobile</p>
<p dir="ltr">15) Which of the following class in Bootstrap is used to create a basic list group?<br />a).grouped-list<br />b).select-list<br />c).list-group<br />d).list-grouped</p>
<p dir="ltr">Answer: (c) .list-group</p>
<p dir="ltr">16. The content must be placed within ________ in Bootstrap.</p>
<p dir="ltr">a) Rows</p>
<p dir="ltr">b) Containers</p>
<p dir="ltr">c) Columns</p>
<p dir="ltr">d) None of the mentioned</p>
<p dir="ltr">Answer: &copy; Columns</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">17) Why is the Glyphicons used in Bootstrap 4?<br />a).Slideshow<br />b).Graphic images<br />c).Animations<br />d).For the purpose of providing different icons</p>
<p dir="ltr">Answer: (d). For the purpose of providing different icons</p>
<p dir="ltr">18) The class used to shape an image to a circle is -<br />a).img-rounded<br />b).img-circle<br />c).img-rounded<br />d).None of the above</p>
<p dir="ltr">Answer: (b) .img-circle</p>
<p dir="ltr">19. Which of the following class applies hover color to a specific row or a cell?</p>
<p dir="ltr">a) Warning</p>
<p dir="ltr">b) Active</p>
<p dir="ltr">c) Success</p>
<p dir="ltr">d) Danger</p>
<p dir="ltr">Answer: (b) Active</p>
<p dir="ltr">20) Which of the following class can be used to make the images and other content in a web page automatically adjusts to fit the size of the screen?<br />a).img-rounded<br />b).img-fluid<br />c).img-circle<br />d).None of the above</p>
<p dir="ltr">Answer: (b). .img-fluid</p>
<p dir="ltr">21) Which of the following class in Bootstrap is used to add a zebra-stripe to a table?<br />a).tab-striped<br />b).zebra-strip<br />c).table-stripped<br />d).table-striped</p>
<p dir="ltr">Answer: (d) .table-striped</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">22. Which of the following bootstrap version should be used to support IE9?</p>
<p dir="ltr">a) Bootstrap 1</p>
<p dir="ltr">b) Bootstrap 2</p>
<p dir="ltr">c) Bootstrap 3</p>
<p dir="ltr">d) Bootstrap 4</p>
<p dir="ltr">Answer: &copy;&nbsp; Bootstrap 3</p>
<p dir="ltr">23) Which of the following statements is true about Jumbotron in Bootstrap 4?<br />a)The Jumbotron in Bootstrap 4 can be used to increase the size of headings and also insert a large amount of margin for the purpose of landing page control.<br />b).In order to create a container with the help of using class .jumbotron.<br />c).Both (a) and (b) are correct<br />d).None of the above options is correct</p>
<p dir="ltr">Answer: c. Both (a) and (b) are correct.</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">24) Which of the following class in Bootstrap is used to create a large button?<br />a).btn-xl<br />b).btn-lrg<br />c).btn-large<br />d).btn-lg</p>
<p dir="ltr">Answer: (d).btn-lg</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">25. Which of the following is the default size of H3 bootstrap heading?</p>
<p dir="ltr">a) 12px</p>
<p dir="ltr">b) 24px</p>
<p dir="ltr">c) 36px</p>
<p dir="ltr">d) 48px</p>
<p dir="ltr">Answer: (b)&nbsp; 24px</p>
<p dir="ltr">26) Which of the following is the correct heading size for &lt;h5&gt; in Bootstrap 4?</p>
<p dir="ltr">a).20 px<br />b).16 px<br />c).12 px<br />d).None of the above</p>
<p dir="ltr">Answer: (a). 20 px</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">27) Which of the following plugin in Bootstrap is used to create a modal window?<br />a).popup<br />b).alert<br />c).modal<br />d).window</p>
<p dir="ltr">Answer: (c) modal</p>
<p dir="ltr">28) Which of the following plugins can be used to cycle through the elements like a slideshow?<br />a).Slideshow<br />b).Carousel<br />c).Scrollspy<br />d).None of the above</p>
<p dir="ltr">Answer: b. Carousel</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">29) Which of the following class in Bootstrap is used to create basic pagination?<br />a).page<br />b).pagin<br />c).paginate<br />d).pagination</p>
<p dir="ltr">Answer: (d) .pagination</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">30. Bootstrap is used for __________</p>
<p dir="ltr">a) Web applications</p>
<p dir="ltr">b) IoT</p>
<p dir="ltr">c) Bigdata</p>
<p dir="ltr">d) Data</p>
<p dir="ltr">Answer: (a) Web applications</p>
<p dir="ltr">31) Which of the following layout can be used to provide 100% width in Bootstrap 4?<br />a).Fluid Layout<br />b).Fixed Layout<br />c).Both (a) and (b) are correct<br />d).None of the above options is correct</p>
<p dir="ltr">Answer: (a). Fluid Layout</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">32) Which of the following class in Bootstrap is used to create a badge?<br />a).tag<br />b).badge<br />c).page<br />d).flag</p>
<p dir="ltr">Answer: (b) .badge</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">33.It contains __________ based design templates for topography.</p>
<p dir="ltr">a) SMTP</p>
<p dir="ltr">b) HTML</p>
<p dir="ltr">c) MQTP</p>
<p dir="ltr">d) CoAP</p>
<p dir="ltr">Answer: (b) HTML</p>
<p dir="ltr">34) Which among the following grid classes can be used for desktop?<br />a).md<br />b).sm<br />c).xs<br />d).None of the above</p>
<p dir="ltr">Answer: (a). md</p>
<p dir="ltr">35) Which of the following class in Bootstrap is used to create a panel?<br /><br />a).panel<br />b).container<br />c).box<br />d).jumbotron</p>
<p dir="ltr">Answer: (a) .panel</p>
<p dir="ltr">36. Bootstrap is a front end development only.</p>
<p dir="ltr">a) True</p>
<p dir="ltr">b) False</p>
<p dir="ltr">Answer: (a) true</p>
<p dir="ltr">37) In Bootstrap 4, the contents can be placed within which of the following elements?<br />a).Columns<br />b).Containers<br />c).Rows<br />d).None of the above</p>
<p dir="ltr">Answer: a. Columns</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">38) Using which of the following, we can create a pager in Bootstrap?</p>
<p dir="ltr">a).carousel<br />b).collapse<br />c).pager<br />d).None of the above</p>
<p dir="ltr">Answer: (c) .pager</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">39. __________ stars and __________forks are there in bootstrap.</p>
<p dir="ltr">a) 111,600 and 51,500</p>
<p dir="ltr">b) 51,500 and 111,600</p>
<p dir="ltr">c) 125,124 and 36,154</p>
<p dir="ltr">d) 36,154 and 125,124</p>
<p dir="ltr">Answer: (a)&nbsp; 111,600 and 51,500</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">40) Which of the following is the main difference between an ID and a class?<br />a).Classes are for use with spans and IDs are for use with DIVs<br />b).IDs are supposed to be only used once per page but Classes can be used multiple times per page, and one element can have more than one Class but should have only one I<br />c).IDs are better than classes<br />d).None of the above</p>
<p dir="ltr">Answer: (b). IDs are supposed to be only used once per page but classes can be used multiple times per page, and one element can have more than one class but should have only one ID</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">41) The class in Bootstrap which is used to specify the collapsible elements is -<br />a).collapse<br />b).carousel<br />c).pager<br />d).None of the above</p>
<p dir="ltr">Answer: (a) . collapse</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">42. Bootstrap was originally named as __________</p>
<p dir="ltr">a) Twitter Bootstrap</p>
<p dir="ltr">b) Twinkle Bootstrap</p>
<p dir="ltr">c) Twitter Blueprint</p>
<p dir="ltr">d) Twinkle Blueprint</p>
<p dir="ltr">Answer: (c) Twitter Blueprint</p>
<p dir="ltr">43) Which of the following class in Bootstrap is used for creating the large size modals?<br />a).modal-large<br />b).modal-sm<br />c).modal-big<br />d).modal-lg</p>
<p dir="ltr">Answer: (d) .modal-lg</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">44) How many types of container classes are there in Bootstrap 4?<br />a).1<br />b).2<br />c).3<br />d).None of the above</p>
<p dir="ltr">Answer: b. 2</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">45. Bootstrap 4 has how many versions?</p>
<p dir="ltr">a) 4 versions</p>
<p dir="ltr">b) 3 versions</p>
<p dir="ltr">c) Only one version</p>
<p dir="ltr">d) 2 versions<br /><br /></p>
<p dir="ltr">Answer: d</p>
<p dir="ltr">46) Which of the following classes amongst these options is/are contextual?<br />a).warning<br />b).info<br />c).danger<br />d).All of the given options are correct</p>
<p dir="ltr">Answer: d. All of the given options are correct</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">47) Which of the following class in Bootstrap is used to indicate the uppercased text?<br />a).text-capitalize<br />b).text-upper<br />c).uppercase<br />d).text-uppercase</p>
<p dir="ltr">Answer: (d) .text-uppercase</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">48. Sass stands for __________</p>
<p dir="ltr">a) Syntactically awesome Spreadsheets</p>
<p dir="ltr">b) Syntactically awesome Stylesheets</p>
<p dir="ltr">c) Scripting awesome Stylesheets</p>
<p dir="ltr">d) Scripting awesome Spreadsheets</p>
<p dir="ltr">Answer: (b) Syntactically awesome Stylesheets<br /><br /></p>
<p dir="ltr">49) Which of the following options is/are supported in Bootstrap 4?<br />a).Sass<br />b).Flexbox<br />c).Both (a) and (b)<br />d).None of the above</p>
<p dir="ltr">Answer: c. Both (a) and (b)</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">50. Bootstrap 4 uses what?</p>
<p dir="ltr">a) Pixels</p>
<p dir="ltr">b) Root ems</p>
<p dir="ltr">c) Less</p>
<p dir="ltr">d) Pager component</p>
<p dir="ltr">Answer: b Roots</p>
<p style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;" dir="ltr">&nbsp;</p>