{"id":25586730,"date":"2024-06-24T11:17:36","date_gmt":"2024-06-24T05:47:36","guid":{"rendered":"https:\/\/entri.app\/blog\/?p=25586730"},"modified":"2024-06-24T11:17:36","modified_gmt":"2024-06-24T05:47:36","slug":"top-bootstrap-interview-questions-updated-guide","status":"publish","type":"post","link":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/","title":{"rendered":"Top bootstrap 5 interview questions ( Updated Guide )"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_79_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a04dade018be\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a04dade018be\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#Benefits_of_Using_Bootstrap5\" >Benefits of Using Bootstrap5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#Bootstrap5_Layouts\" >Bootstrap5 Layouts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#Bootstrap5_Typography\" >Bootstrap5 Typography<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#Whats_new_in_Bootstrap5\" >What\u2019s new in Bootstrap5?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#What_has_been_dropped\" >What has been dropped?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#Bootstrap_Interview_Questions_and_Answers\" >Bootstrap Interview Questions and Answers<\/a><\/li><\/ul><\/nav><\/div>\n<p>From improved customization options and updated form controls to ditching jQuery in favor of Vanilla JavaScript, Bootstrap5 introduces a host of enhancements to streamline the development process and optimize performance. Our goal is not only to inform you about these updates but also to equip you with the necessary knowledge to apply them effectively in your projects.<\/p>\n<p style=\"text-align: center\"><strong><a class=\"in-cell-link\" href=\"https:\/\/entri.app\/course\/full-stack-developer-course\/\" target=\"_blank\" rel=\"noopener\">Experience the power of our full stack development course with a free demo \u2013 enroll now!<\/a><\/strong><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Benefits_of_Using_Bootstrap5\"><\/span><strong>Benefits of Using Bootstrap5<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Bootstrap5 offers a number of benefits to web developers and designers. Here are some key benefits of using Bootstrap5:<\/p>\n<p><strong> 1) Responsive and mobile-first design:<\/strong><\/p>\n<p>Bootstrap 5 follows a mobile-first approach, ensuring that websites and web applications display and function properly on a variety of devices and screen size. This framework provides a responsive grid system and utility layers to easily adapt to different windows.<\/p>\n<p><strong>2) Simple and Consistent Styling:<\/strong><\/p>\n<p>Bootstrap 5 provides a set of predefined components, styles, and utility classes that promote design consistency throughout your project. This consistency reduces the need for custom styling and speeds up the development process.<\/p>\n<p><strong>3) No jQuery dependency:<\/strong><\/p>\n<p>Bootstrap 5 removed the jQuery dependency, making the framework lighter and more modern. This results in faster page load times and improved performance.<\/p>\n<p><strong>4) Comprehensive Documentation:<\/strong><\/p>\n<p>Bootstrap 5 comes with comprehensive and well-organized documentation. This document is a valuable resource for developers, providing guidance on component usage, styling, and best practices.<\/p>\n<p><strong>5) Flexbox and Grid System:<\/strong><\/p>\n<p>Bootstrap 5 uses the Flexbox layout template and improved grid system. This combination gives developers more control over the layout and placement of elements within a page.<\/p>\n<p><strong>6) Customizable components:<\/strong><\/p>\n<p>Bootstrap 5 allows easy customization of components. Developers can leverage Sass variables and mixins to tailor the look and feel of Bootstrap components to their project&#8217;s design requirements.<\/p>\n<p><strong>7) Bootstrap Icons:<\/strong><\/p>\n<p>Bootstrap 5 includes its own set of SVG icons called Bootstrap Icons. These icons are customizable and can be easily integrated into projects without relying on external icon libraries.<\/p>\n<p><strong>8) Modular structure:<\/strong><\/p>\n<p>With Bootstrap 5, developers can take advantage of a modular structure that allows for more flexibility. Components can be included or excluded based on project requirements, thereby reducing overall file size.<\/p>\n<p><strong>9) Accessibility features:<\/strong><\/p>\n<p>Bootstrap5 emphasizes accessibility. This framework provides features and guidance to help developers create websites and applications that are more inclusive and accessible to users with disabilities.<\/p>\n<p><strong>10) Community Support:<\/strong><\/p>\n<p>Bootstrap has a large and active community of developers. This community provides support, resources, and discussion across a variety of platforms, making it easier for developers to find solutions to common problems.<\/p>\n<p><strong>11) Integration with popular JavaScript frameworks:<\/strong><\/p>\n<p>Bootstrap 5 can easily integrate with popular JavaScript frameworks like React, Angular and Vue.js. This makes it a flexible choice for developers working with different technology teams.<\/p>\n<p><strong>12) Cross-browser compatibility:<\/strong><\/p>\n<p>Bootstrap5 is designed to be compatible with modern web browsers, ensuring a consistent and reliable experience for users across different platforms .<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Bootstrap5_Layouts\"><\/span><span id=\"Bootstrap5_Layouts\" class=\"ez-toc-section\"><\/span><strong>Bootstrap5 Layouts<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In Bootstrap5, this framework provides a flexible and responsive layout system that includes breakpoints, containers, grid systems, columns, gutters, widgets, and z-index. Here is a brief overview of each:<\/p>\n<h4><strong> 1) Breakpoints:<\/strong><\/h4>\n<p><strong>Definition<\/strong>: Breakpoints are predefined points in the browser window where the layout of a web page can change to Suitable for different screen sizes.<br \/>\n<strong>Usage<\/strong>: Bootstrap 5 includes several breakpoints, such as sm (small), md (medium), lg (large), and xl (extra large). These breakpoints can be used in classes to control the visibility and styling of elements based on screen size.<\/p>\n<h4><strong>2) Container:<\/strong><\/h4>\n<p><strong>Definition<\/strong>: Containers are used to wrap a website&#8217;s content, providing a consistent and focused layout.<br \/>\n<strong>Usage<\/strong>: Bootstrap 5 introduces two container classes: .container for fixed-width containers and .container-fluid for full-width containers. These containers adapt to different screen sizes using media queries.<\/p>\n<h4><strong>3) Grid System:<\/strong><\/h4>\n<p><strong>Definition<\/strong>: Bootstrap 5&#8217;s grid system allows developers to create responsive layouts by arranging content into rows and columns.<br \/>\n<strong>Usage<\/strong>: Grid classes such as .row and .col are used to structure the layout. The grid is divided into 12 columns, and the columns can be specified for different screen sizes using responsive classes (e.g. .col-md-6 for medium screens).<\/p>\n<h4><strong>4) Columns:<\/strong><\/h4>\n<p><strong>Definition<\/strong>: Bootstrap 5 columns represent the basic components of the grid system.<br \/>\n<strong>Usage<\/strong>: Columns are defined with the .col class and their width can be specified by combining it with react classes (e.g. .col-md-6). Columns automatically adjust width based on screen size.<\/p>\n<h4><strong>5) Gutter:<\/strong><\/h4>\n<p><strong>Definition<\/strong>: Gutter refers to the distance between columns in a grid system.<br \/>\n<strong>Usage<\/strong>: Bootstrap 5 provides column spacing by default. You can further control spacing by using spacing utility classes (e.g. .gx-2 for column spacing).<\/p>\n<h4><strong>6) Widgets:<\/strong><\/h4>\n<p><strong> Definition<\/strong>: Bootstrap 5 includes widget classes that allow for quick styling and adjustments without writing custom CSS.<br \/>\n<strong>Using<\/strong> <strong>widgets<\/strong>: includes many features, including spacing, text alignment, display properties, visibility, and more. Examples include .m-3 for margins, .text-center for text alignment, and .d-flex for flexible box layout.<\/p>\n<h4><strong>7) Z- index:<\/strong><\/h4>\n<p><strong>Defining<\/strong> the Z-index is crucial in understanding how it affects which elements appear first on the z-axis and where they should be placed first.<br \/>\n<strong>Usage<\/strong>: Bootstrap 5 includes utility classes for handling z-index, such as .z-index-1 or .z-index-2.<\/p>\n<p>These classes can be applied to elements to control their stacking order. These components work together to create responsive and adaptive layouts in Bootstrap 5, ensuring a consistent user experience across different devices and screen sizes. Developers can take advantage of these features to create modern, visually appealing web interfaces.<\/p>\n<p style=\"text-align: center\"><strong><a class=\"in-cell-link\" href=\"https:\/\/entri.app\/course\/full-stack-developer-course\/\" target=\"_blank\" rel=\"noopener\">Experience the power of our full stack development course with a free demo \u2013 enroll now!<\/a><\/strong><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Bootstrap5_Typography\"><\/span><strong>Bootstrap5 Typography<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Bootstrap 5 gives a set of utility classes and styles for typography, making it simple to control the appearance of content in your web ventures. Here&#8217;s an outline of Bootstrap 5 typography:<\/p>\n<h4><strong>1) Headings:<\/strong><\/h4>\n<p>Bootstrap5 includes styles for headings (&lt;h1&gt; to &lt;h6&gt;), allowing you to use consistent typography for different levels of headings. For example:<\/p>\n<p>&lt;h1&gt;Heading 1&lt;\/h1&gt;<\/p>\n<p>&lt;h2&gt;Heading 2&lt;\/h2&gt;<\/p>\n<p>&lt;h3&gt;Heading 3&lt;\/h3&gt;<\/p>\n<p>&lt;!\u2013 \u2026 \u2013&gt;<\/p>\n<p>&lt;h6&gt;Heading 6&lt;\/h6&gt;<\/p>\n<h4><span id=\"2_Text_Styles\" class=\"ez-toc-section\"><\/span><strong>2) Text Styles:<\/strong><\/h4>\n<p>You can utilize several utility classes to style text:<\/p>\n<ul>\n<li>.lead: Increases the font size for larger, more prominent text.<\/li>\n<li>.display-1 to .display-6: Extra large text for display purposes.<\/li>\n<li>.text-muted, .text-primary, .text-success, etc.: Set the text color.<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><\/p>\n<p>&lt;p class=\u201dlead\u201d&gt;This is a lead paragraph.&lt;\/p&gt;<\/p>\n<p>&lt;h1 class=\u201ddisplay-3\u2033&gt;Display 3&lt;\/h1&gt;<\/p>\n<p>&lt;p class=\u201dtext-muted\u201d&gt;This is muted text.&lt;\/p&gt;<\/p>\n<h4><span id=\"3_Font_Weight_and_Italics\" class=\"ez-toc-section\"><\/span><strong>3) Font Weight and Italics:<\/strong><\/h4>\n<ul>\n<li>.font-weight-bold: Set text to bold.<\/li>\n<li>.font-weight-normal: Set text to the normal font weight.<\/li>\n<li>.font-italic: Display text in italics.<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><\/p>\n<p>&lt;p class=\u201dfont-weight-bold\u201d&gt;Bold Text&lt;\/p&gt;<\/p>\n<p>&lt;p class=\u201dfont-italic\u201d&gt;Italicized Text&lt;\/p&gt;<\/p>\n<h4><span id=\"4_Alignment_and_Transformation\" class=\"ez-toc-section\"><\/span><strong>4) Alignment and Transformation:<\/strong><\/h4>\n<ul>\n<li>.text-left, .text-center, .text-right, .text-justify: Set text alignment.<\/li>\n<li>.text-lowercase, .text-uppercase, .text-capitalize: Transform text case.<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><\/p>\n<p>&lt;p class=\u201dtext-center\u201d&gt;Centered Text&lt;\/p&gt;<\/p>\n<p>&lt;p class=\u201dtext-uppercase\u201d&gt;uppercase text&lt;\/p&gt;<\/p>\n<h4><span id=\"5_Blockquotes_and_Quotes\" class=\"ez-toc-section\"><\/span><strong>5) Blockquotes and Quotes:<\/strong><\/h4>\n<p>Bootstrap 5 sets styles for blockquotes and inline quotes:<\/p>\n<p>&lt;blockquote class=\u201dblockquote\u201d&gt;<\/p>\n<p>&lt;p class=\u201dmb-0\u2033&gt;This is a blockquote.&lt;\/p&gt;<\/p>\n<p>&lt;footer class=\u201dblockquote-footer\u201d&gt;Someone famous&lt;\/footer&gt;<\/p>\n<p>&lt;\/blockquote&gt;<\/p>\n<p>&lt;q class=\u201dblockquote\u201d&gt;<\/p>\n<p>This is an inline quote.<\/p>\n<p>&lt;\/q&gt;<\/p>\n<h4><span id=\"6_Lists\" class=\"ez-toc-section\"><\/span><strong>6) Lists:<\/strong><\/h4>\n<p>You can style lists with the help of Bootstrap classes:<\/p>\n<p>&lt;ul class=\u201dlist-unstyled\u201d&gt;<\/p>\n<p>&lt;li&gt;Unstyled List Item 1&lt;\/li&gt;<\/p>\n<p>&lt;li&gt;Unstyled List Item 2&lt;\/li&gt;<\/p>\n<p>&lt;\/ul&gt;<\/p>\n<p>&lt;ol class=\u201dlist-inline\u201d&gt;<\/p>\n<p>&lt;li class=\u201dlist-inline-item\u201d&gt;Inline List Item 1&lt;\/li&gt;<\/p>\n<p>&lt;li class=\u201dlist-inline-item\u201d&gt;Inline List Item 2&lt;\/li&gt;<\/p>\n<p>&lt;\/ol&gt;<\/p>\n<p>These are just a few examples of the typography features offered by Bootstrap 5. Using the provided utility classes, you can easily control the appearance and style of text throughout your web project.<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Whats_new_in_Bootstrap5\"><\/span><strong>What\u2019s new in Bootstrap5?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><strong>jQuery<\/strong> <strong>support<\/strong>: Bootstrap5 removes the dependency on the jQuery library, simplifying usage. Now Bootstrap can be used seamlessly without jQuery.<\/li>\n<li><strong>CSS Custom Properties<\/strong>: Bootstrap 5 introduces about two dozen CSS custom properties, with additional properties on the way. This allows for deep customization of components within the framework.<\/li>\n<li><strong>Improved Grid System<\/strong>: Bootstrap 5&#8217;s grid system organizes and aligns content efficiently using containers, rows, and columns. It is fully responsive and built with flexbox, providing advanced layout capabilities.<\/li>\n<li><strong>Improved<\/strong> <strong>Documentation<\/strong>: Bootstrap 5 offers enhanced documentation, with a special focus on customization details. This framework has a refreshed interface as well as improved options to customize its components.<\/li>\n<li><strong>Improved<\/strong> <strong>form<\/strong> <strong>controls<\/strong>: In Bootstrap 5, all custom form controls get full customization. Uniform appearance and behavior is maintained across browsers for elements such as radio buttons, check boxes, files, and ranges.<\/li>\n<li><strong>Bootstrap 5 adds a Utility API:<\/strong> Taking an API approach with the new Sass language and syntax, Bootstrap 5 introduces a Utility API. This allows developers to create new widgets, providing flexibility in modifying or removing default values.<\/li>\n<li><strong>New Bootstrap Icon Library<\/strong>: Bootstrap 5 comes with a rich open source SVG icon collection, totaling nearly 1,300 icons originally designed for framework components, these icons are very flexible and can be used in any project.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"What_has_been_dropped\"><\/span><span id=\"What_has_been_dropped\" class=\"ez-toc-section\"><\/span><strong>What has been dropped?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>Color widget classes (e.g. .bg-primary) override badge color classes (e.g. primary badge).<\/li>\n<li>The .rounded-pill class is introduced to convey a pill style to badges, replacing the .badge-pill badge class.<\/li>\n<li>See widget classes like .d-block now override the .btn-block button class.<\/li>\n<li>The jumbotron component is no longer included because the same result can be achieved using utility classes.<\/li>\n<li>Popper configuration is used instead of the flip option for dropdown components.<\/li>\n<li>Media components were removed because equivalent results could be achieved using utility classes.<\/li>\n<li>Class .pre-scrollable ignored due to minimal usage.<\/li>\n<li>.text-justify was excluded due to responsiveness issues.<\/li>\n<li>Full support for Internet Explorer (IE) has been discontinued.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Bootstrap_Interview_Questions_and_Answers\"><\/span><strong>Bootstrap Interview Questions and Answers<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><strong>Q1. What is Bootstrap?<\/strong><\/h3>\n<p>Bootstrap is a web development platform based on a front-end framework. It is used to create exceptionally responsive designs using HTML and CSS. These templates are used for forms, tables, buttons, typography, templates, tables, navigation, carousels, and images. Bootstrap also has Javascript plugins that are optional. Bootstrap is mainly preferred for developing mobile web applications.<\/p>\n<h3><strong>Q2. Explain why Bootstrap is preferred for website development.<\/strong><\/h3>\n<p>Bootstrap has better features than other web development platforms. It offers wide browser support for almost all popular browsers like Opera, Chrome, Firefox, Safari, etc. If you are familiar with CSS and HTML, web development is easy with Bootstrap. Additionally, it supports mobile apps using responsive design and can adjust CSS based on device, screen size, etc. Instead of creating multiple files, it creates just one file, thus reducing the developer\u2019s work.<\/p>\n<h3><strong>Q3. What are the main components of Bootstrap?<\/strong><\/h3>\n<p>The main components of Bootstrap include:<\/p>\n<ul>\n<li>CSS: It includes various CSS files<\/li>\n<li>Scaffolding: It provides the basic structure with grid system, link styles and background.<\/li>\n<li>Layout Elements: This section provides a list of layout elements<\/li>\n<li>JavaScript Plugins: It contains many jQuery and JavaScript plugins<\/li>\n<li>Customization: To have your own version of the framework, you can customize the its components<\/li>\n<\/ul>\n<h3><strong>Q4. List some of the features of Bootstrap.<\/strong><\/h3>\n<p>Some of the features of Bootstrap are:<\/p>\n<ul>\n<li>It is open source for use<\/li>\n<li>Bootstrap is compatible with all browsers<\/li>\n<li>It has a responsive design<\/li>\n<li>Easy to use and fast<\/li>\n<\/ul>\n<h3><strong>Q5. What is a class loader in Bootstrap?<\/strong><\/h3>\n<p>A class loader is a part of JRE or Java Runtime Environment that loads Java classes into the Java virtual environment. A class loader also performs the process of converting a named class into its binary equivalent.<\/p>\n<h3><strong>Q6. What is Contextual classes of table in Bootstrap?<\/strong><\/h3>\n<div class=\"table-responsive wprt_style_display\">\n<table class=\"table\" border=\"1px solid black\">\n<tbody>\n<tr>\n<td><strong>Class<\/strong><\/td>\n<td><strong>Description<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>.active<\/strong><\/td>\n<td>Applies the hover color to a particular row or cell<\/td>\n<\/tr>\n<tr>\n<td><strong>.success<\/strong><\/td>\n<td>Indicates a successful or positive action<\/td>\n<\/tr>\n<tr>\n<td><strong>.warning<\/strong><\/td>\n<td>Identifies a warning that might need attention<\/td>\n<\/tr>\n<tr>\n<td><strong>.danger<\/strong><\/td>\n<td>Indicates a dangerous or potentially negative action<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3><strong>Q7. How many types of layout are available in Bootstrap?<\/strong><\/h3>\n<p>There are two main layouts for Bootstrap:<\/p>\n<ol>\n<li><strong>Flexible<\/strong>\u00a0<strong>Layout<\/strong>\u00a0\u2013 This layout is needed to create an app that is 100% wider and covers the entire width of the screen.<\/li>\n<li><strong>Fixed<\/strong>\u00a0<strong>Layout<\/strong>\u00a0\u2013 It is only used for standard screens (940px).<\/li>\n<\/ol>\n<p>Both layouts can be used to create a responsive design.<\/p>\n<h3><strong>Q8. What is the Bootstrap grid system?<\/strong><\/h3>\n<p>Bootstrap has a dynamically movable fluid grid system that scales up to 12 columns as the size of the device or viewport increases. It includes predefined classes for simple layout options as well as powerful mixins to create more semantic layouts.<\/p>\n<h3><strong>Q9. Give an example of a basic grid structure in Bootstrap.<\/strong><\/h3>\n<p>here is an example of a basic grid structure:<\/p>\n<div>\n<div id=\"highlighter_476588\" class=\"syntaxhighlighter xml\">\n<div class=\"table-responsive wprt_style_display\">\n<table class=\"table\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"gutter\">\n<div class=\"line number1 index0 alt2\">1<\/div>\n<div class=\"line number2 index1 alt1\">2<\/div>\n<div class=\"line number3 index2 alt2\">3<\/div>\n<div class=\"line number4 index3 alt1\">4<\/div>\n<div class=\"line number5 index4 alt2\">5<\/div>\n<div class=\"line number6 index5 alt1\">6<\/div>\n<div class=\"line number7 index6 alt2\">7<\/div>\n<div class=\"line number8 index7 alt1\">8<\/div>\n<div class=\"line number9 index8 alt2\">9<\/div>\n<\/td>\n<td class=\"code\">\n<div class=\"container\">\n<div class=\"line number1 index0 alt2\"><code class=\"xml plain\">&lt;<\/code><code class=\"xml keyword\">div<\/code>\u00a0<code class=\"xml color1\">class<\/code>\u00a0<code class=\"xml plain\">=\u00a0<\/code><code class=\"xml string\">\"container\"<\/code><code class=\"xml plain\">&gt;<\/code><\/div>\n<div class=\"line number2 index1 alt1\"><code class=\"xml plain\">&lt;<\/code><code class=\"xml keyword\">div<\/code>\u00a0<code class=\"xml color1\">class<\/code>\u00a0<code class=\"xml plain\">=\u00a0<\/code><code class=\"xml string\">\"row\"<\/code><code class=\"xml plain\">&gt;<\/code><\/div>\n<div class=\"line number3 index2 alt2\"><code class=\"xml plain\">&lt;<\/code><code class=\"xml keyword\">div<\/code>\u00a0<code class=\"xml color1\">class<\/code>\u00a0<code class=\"xml plain\">=\u00a0<\/code><code class=\"xml string\">\"col-*-*\"<\/code><code class=\"xml plain\">&gt;&lt;\/<\/code><code class=\"xml keyword\">div<\/code><code class=\"xml plain\">&gt;<\/code><\/div>\n<div class=\"line number4 index3 alt1\"><code class=\"xml plain\">&lt;<\/code><code class=\"xml keyword\">div<\/code>\u00a0<code class=\"xml color1\">class<\/code>\u00a0<code class=\"xml plain\">=\u00a0<\/code><code class=\"xml string\">\"col-*-*\"<\/code><code class=\"xml plain\">&gt;&lt;\/<\/code><code class=\"xml keyword\">div<\/code><code class=\"xml plain\">&gt;<\/code><\/div>\n<div class=\"line number5 index4 alt2\"><code class=\"xml plain\">&lt;\/<\/code><code class=\"xml keyword\">div<\/code><code class=\"xml plain\">&gt;<\/code><\/div>\n<div class=\"line number6 index5 alt1\"><\/div>\n<div class=\"line number7 index6 alt2\"><code class=\"xml plain\">&lt;<\/code><code class=\"xml keyword\">div<\/code>\u00a0<code class=\"xml color1\">class<\/code>\u00a0<code class=\"xml plain\">=\u00a0<\/code><code class=\"xml string\">\"row\"<\/code><code class=\"xml plain\">&gt;...&lt;\/<\/code><code class=\"xml keyword\">div<\/code><code class=\"xml plain\">&gt;<\/code><\/div>\n<div class=\"line number8 index7 alt1\"><code class=\"xml plain\">&lt;\/<\/code><code class=\"xml keyword\">div<\/code><code class=\"xml plain\">&gt;<\/code><\/div>\n<div class=\"line number9 index8 alt2\"><code class=\"xml plain\">&lt;<\/code><code class=\"xml keyword\">div<\/code>\u00a0<code class=\"xml color1\">class<\/code>\u00a0<code class=\"xml plain\">=\u00a0<\/code><code class=\"xml string\">\"container\"<\/code><code class=\"xml plain\">&gt;....<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<h3><strong>Q10. Why do we use Jumbotron in Bootstrap?<\/strong><\/h3>\n<p>Jumbotron is used to highlight content in bootstrap. It can be a slogan or it can be a title. This increases the size of the title and makes room for the landing page content. To implement Jumbotron in Bootstrap you should use:<\/p>\n<p>Create a container&lt;div&gt; with class .jumbotron<\/p>\n<p>For example, use\u00a0<strong>&lt;div class=\u201dcontainer\u201d&gt;\u00a0<\/strong>if you don\u2019t want the Jumbotron to reach the edge of the screen.<\/p>\n<p><strong><a class=\"in-cell-link\" href=\"https:\/\/entri.app\/course\/full-stack-developer-course\/\" target=\"_blank\" rel=\"noopener\">Experience the power of our full stack development course with a free demo \u2013 enroll now!<\/a><\/strong><\/p>\n<h3><strong>Q11. What are the two codes used to display code in Bootstrap?<\/strong><\/h3>\n<p>There are two easy ways to display code in Bootstrap:<\/p>\n<ul>\n<li><strong>&lt;code&gt;<\/strong>Tag: This tag is used to display code inline.<\/li>\n<li><strong>&lt;pre&gt;<\/strong>Tag : If you have code with multiple lines or even a block element, you can display it using this code.<\/li>\n<\/ul>\n<h3><strong>Q12. Explain the typography and links in Bootstrap.<\/strong><\/h3>\n<p>Bootstrap defines the basic global display (background), typography, and link styles.<\/p>\n<ul>\n<li><strong>Basic Global Display \u2212<\/strong>\u00a0It sets the background color: #fff; on element.<\/li>\n<li><strong>Typography<\/strong>\u00a0\u2212 This uses the @font-family-base, @font-size-base and @line-height-base attributes as a typographic base<\/li>\n<li><strong>Link<\/strong>\u00a0<strong>Style<\/strong>\u00a0\u2212 It sets the overall color of the link via @link -color attribute and apply link underline only on hover: .<\/li>\n<\/ul>\n<h3><strong>Q13. What is progress bar in bootstrap?<\/strong><\/h3>\n<p>Progress bar is used with HTML tag style in HTML element using &lt;progress&gt; keyword. In bootstrap we use html5 &lt;progress&gt; with css classes which have special functionality in bootstrap which is designed only for progress bar.<\/p>\n<h3><strong>Q14. How to make images responsive?<\/strong><\/h3>\n<p>Bootstrap allows you to make responsive images by adding .img-responsive class to the &lt;img&gt; tag.<br \/>\nThis class applies to max-width: 100%; and height: cars; to the image so that it matches the parent element perfectly.<\/p>\n<p style=\"text-align: center\"><strong><a class=\"in-cell-link\" href=\"https:\/\/entri.app\/course\/full-stack-developer-course\/\" target=\"_blank\" rel=\"noopener\">Experience the power of our full stack development course with a free demo \u2013 enroll now!<\/a><\/strong><\/p>\n<h4 class=\"course-main-title\"><strong>Entri App- Best Online Full Stack Web Developer Course<\/strong><\/h4>\n<p>The Entri Elevate Comprehensive Web Development Course is a comprehensive online program focused on job placement and providing students with the skills needed to succeed in a web development career. The goal of Entri&#8217;s comprehensive online Full-Stack Web Development course is to help students develop a strong foundation and problem-solving skills in the MERN stack.<\/p>\n<ul>\n<li>Gain expertise in end-to-end web application architecture from the basics, using advanced frameworks.<\/li>\n<li>Benefit from hands-on projects, interaction with industry experts, and in-demand tools and skills.<\/li>\n<li>With lifetime internship and job placement support, start your web developer career in just a few months.<\/li>\n<\/ul>\n<p>Job placement assistance:<\/p>\n<p>We ensure your success in the job market at Entri Apps, going beyond teaching skills. You will have access to our extensive job placement support program upon completion of our Full Stack course. We have relationships with leading technology companies and employers, giving you first-hand insight into job opportunities and international connections.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>From improved customization options and updated form controls to ditching jQuery in favor of Vanilla JavaScript, Bootstrap5 introduces a host of enhancements to streamline the development process and optimize performance. Our goal is not only to inform you about these updates but also to equip you with the necessary knowledge to apply them effectively in [&hellip;]<\/p>\n","protected":false},"author":110,"featured_media":25586734,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[802,1926],"tags":[],"class_list":["post-25586730","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles","category-full-stack-web-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Top bootstrap 5 interview questions ( Updated Guide ) - Entri Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top bootstrap 5 interview questions ( Updated Guide ) - Entri Blog\" \/>\n<meta property=\"og:description\" content=\"From improved customization options and updated form controls to ditching jQuery in favor of Vanilla JavaScript, Bootstrap5 introduces a host of enhancements to streamline the development process and optimize performance. Our goal is not only to inform you about these updates but also to equip you with the necessary knowledge to apply them effectively in [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Entri Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/entri.me\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-24T05:47:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/entri.app\/blog\/wp-content\/uploads\/2024\/06\/Top-bootstrap-5-interview-questions-Updated-Guide-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"820\" \/>\n\t<meta property=\"og:image:height\" content=\"615\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Juwairiya Mahin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@entri_app\" \/>\n<meta name=\"twitter:site\" content=\"@entri_app\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Juwairiya Mahin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/\"},\"author\":{\"name\":\"Juwairiya Mahin\",\"@id\":\"https:\/\/entri.app\/blog\/#\/schema\/person\/da9e9899c834feb2c32a887101c5fbfc\"},\"headline\":\"Top bootstrap 5 interview questions ( Updated Guide )\",\"datePublished\":\"2024-06-24T05:47:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/\"},\"wordCount\":2557,\"publisher\":{\"@id\":\"https:\/\/entri.app\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/entri.app\/blog\/wp-content\/uploads\/2024\/06\/Top-bootstrap-5-interview-questions-Updated-Guide-1.png\",\"articleSection\":[\"Articles\",\"Full Stack Web Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/\",\"url\":\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/\",\"name\":\"Top bootstrap 5 interview questions ( Updated Guide ) - Entri Blog\",\"isPartOf\":{\"@id\":\"https:\/\/entri.app\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/entri.app\/blog\/wp-content\/uploads\/2024\/06\/Top-bootstrap-5-interview-questions-Updated-Guide-1.png\",\"datePublished\":\"2024-06-24T05:47:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#primaryimage\",\"url\":\"https:\/\/entri.app\/blog\/wp-content\/uploads\/2024\/06\/Top-bootstrap-5-interview-questions-Updated-Guide-1.png\",\"contentUrl\":\"https:\/\/entri.app\/blog\/wp-content\/uploads\/2024\/06\/Top-bootstrap-5-interview-questions-Updated-Guide-1.png\",\"width\":820,\"height\":615,\"caption\":\"Top bootstrap 5 interview questions ( Updated Guide ) (1)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/entri.app\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Full Stack Web Development\",\"item\":\"https:\/\/entri.app\/blog\/category\/full-stack-web-development\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Top bootstrap 5 interview questions ( Updated Guide )\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/entri.app\/blog\/#website\",\"url\":\"https:\/\/entri.app\/blog\/\",\"name\":\"Entri Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/entri.app\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/entri.app\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/entri.app\/blog\/#organization\",\"name\":\"Entri App\",\"url\":\"https:\/\/entri.app\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/entri.app\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/entri.app\/blog\/wp-content\/uploads\/2019\/10\/Entri-Logo-1.png\",\"contentUrl\":\"https:\/\/entri.app\/blog\/wp-content\/uploads\/2019\/10\/Entri-Logo-1.png\",\"width\":989,\"height\":446,\"caption\":\"Entri App\"},\"image\":{\"@id\":\"https:\/\/entri.app\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/entri.me\/\",\"https:\/\/x.com\/entri_app\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/entri.app\/blog\/#\/schema\/person\/da9e9899c834feb2c32a887101c5fbfc\",\"name\":\"Juwairiya Mahin\",\"url\":\"https:\/\/entri.app\/blog\/author\/juwairiyaentri\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Top bootstrap 5 interview questions ( Updated Guide ) - Entri Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/","og_locale":"en_US","og_type":"article","og_title":"Top bootstrap 5 interview questions ( Updated Guide ) - Entri Blog","og_description":"From improved customization options and updated form controls to ditching jQuery in favor of Vanilla JavaScript, Bootstrap5 introduces a host of enhancements to streamline the development process and optimize performance. Our goal is not only to inform you about these updates but also to equip you with the necessary knowledge to apply them effectively in [&hellip;]","og_url":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/","og_site_name":"Entri Blog","article_publisher":"https:\/\/www.facebook.com\/entri.me\/","article_published_time":"2024-06-24T05:47:36+00:00","og_image":[{"width":820,"height":615,"url":"https:\/\/entri.app\/blog\/wp-content\/uploads\/2024\/06\/Top-bootstrap-5-interview-questions-Updated-Guide-1.png","type":"image\/png"}],"author":"Juwairiya Mahin","twitter_card":"summary_large_image","twitter_creator":"@entri_app","twitter_site":"@entri_app","twitter_misc":{"Written by":"Juwairiya Mahin","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#article","isPartOf":{"@id":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/"},"author":{"name":"Juwairiya Mahin","@id":"https:\/\/entri.app\/blog\/#\/schema\/person\/da9e9899c834feb2c32a887101c5fbfc"},"headline":"Top bootstrap 5 interview questions ( Updated Guide )","datePublished":"2024-06-24T05:47:36+00:00","mainEntityOfPage":{"@id":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/"},"wordCount":2557,"publisher":{"@id":"https:\/\/entri.app\/blog\/#organization"},"image":{"@id":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/entri.app\/blog\/wp-content\/uploads\/2024\/06\/Top-bootstrap-5-interview-questions-Updated-Guide-1.png","articleSection":["Articles","Full Stack Web Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/","url":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/","name":"Top bootstrap 5 interview questions ( Updated Guide ) - Entri Blog","isPartOf":{"@id":"https:\/\/entri.app\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#primaryimage"},"image":{"@id":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/entri.app\/blog\/wp-content\/uploads\/2024\/06\/Top-bootstrap-5-interview-questions-Updated-Guide-1.png","datePublished":"2024-06-24T05:47:36+00:00","breadcrumb":{"@id":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#primaryimage","url":"https:\/\/entri.app\/blog\/wp-content\/uploads\/2024\/06\/Top-bootstrap-5-interview-questions-Updated-Guide-1.png","contentUrl":"https:\/\/entri.app\/blog\/wp-content\/uploads\/2024\/06\/Top-bootstrap-5-interview-questions-Updated-Guide-1.png","width":820,"height":615,"caption":"Top bootstrap 5 interview questions ( Updated Guide ) (1)"},{"@type":"BreadcrumbList","@id":"https:\/\/entri.app\/blog\/top-bootstrap-interview-questions-updated-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/entri.app\/blog\/"},{"@type":"ListItem","position":2,"name":"Full Stack Web Development","item":"https:\/\/entri.app\/blog\/category\/full-stack-web-development\/"},{"@type":"ListItem","position":3,"name":"Top bootstrap 5 interview questions ( Updated Guide )"}]},{"@type":"WebSite","@id":"https:\/\/entri.app\/blog\/#website","url":"https:\/\/entri.app\/blog\/","name":"Entri Blog","description":"","publisher":{"@id":"https:\/\/entri.app\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/entri.app\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/entri.app\/blog\/#organization","name":"Entri App","url":"https:\/\/entri.app\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/entri.app\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/entri.app\/blog\/wp-content\/uploads\/2019\/10\/Entri-Logo-1.png","contentUrl":"https:\/\/entri.app\/blog\/wp-content\/uploads\/2019\/10\/Entri-Logo-1.png","width":989,"height":446,"caption":"Entri App"},"image":{"@id":"https:\/\/entri.app\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/entri.me\/","https:\/\/x.com\/entri_app"]},{"@type":"Person","@id":"https:\/\/entri.app\/blog\/#\/schema\/person\/da9e9899c834feb2c32a887101c5fbfc","name":"Juwairiya Mahin","url":"https:\/\/entri.app\/blog\/author\/juwairiyaentri\/"}]}},"_links":{"self":[{"href":"https:\/\/entri.app\/blog\/wp-json\/wp\/v2\/posts\/25586730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/entri.app\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/entri.app\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/entri.app\/blog\/wp-json\/wp\/v2\/users\/110"}],"replies":[{"embeddable":true,"href":"https:\/\/entri.app\/blog\/wp-json\/wp\/v2\/comments?post=25586730"}],"version-history":[{"count":1,"href":"https:\/\/entri.app\/blog\/wp-json\/wp\/v2\/posts\/25586730\/revisions"}],"predecessor-version":[{"id":25586741,"href":"https:\/\/entri.app\/blog\/wp-json\/wp\/v2\/posts\/25586730\/revisions\/25586741"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/entri.app\/blog\/wp-json\/wp\/v2\/media\/25586734"}],"wp:attachment":[{"href":"https:\/\/entri.app\/blog\/wp-json\/wp\/v2\/media?parent=25586730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/entri.app\/blog\/wp-json\/wp\/v2\/categories?post=25586730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/entri.app\/blog\/wp-json\/wp\/v2\/tags?post=25586730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}