{"id":16348,"date":"2021-08-03T14:20:46","date_gmt":"2021-08-03T14:20:46","guid":{"rendered":"https:\/\/www.hostinger.com\/tutorials\/?p=16348"},"modified":"2025-10-31T01:49:29","modified_gmt":"2025-10-31T01:49:29","slug":"what-is-bootstrap","status":"publish","type":"post","link":"\/tutorials\/what-is-bootstrap","title":{"rendered":"What is Bootstrap: A complete guide to the front-end framework"},"content":{"rendered":"<p>Bootstrap is <strong>a free and open-source front-end framework that uses pre-written HTML, CSS, and JavaScript to let developers build responsive, mobile-first websites quickly.<\/strong><\/p><p>In programming, Bootstrap acts as a toolkit, providing a foundational structure so you don&rsquo;t have to code common web components from scratch.<\/p><p>The bootstrap framework helps developers by offering:<\/p><ul class=\"wp-block-list\">\n<li><strong>A responsive grid system<\/strong>. It simplifies the creation of layouts that automatically adjust to different screen sizes, such as desktops, tablets, and phones, reducing the need for custom CSS.<\/li>\n\n\n\n<li><strong>Pre-built components<\/strong>. You get ready-to-use UI elements, such as buttons, forms, carousels, modals, and navigation bars, to save time and add consistency to your designs.<\/li>\n\n\n\n<li><strong>JavaScript plugins<\/strong>. It includes components like popovers and tooltips that offer interactive features and enhanced website functionality without complex programming.<\/li>\n\n\n\n<li><strong>Extensive customization<\/strong>. While it provides a default theme, you can use Syntactically Awesome Style Sheets (Sass) variables and custom stylesheets to modify the design to fit a specific brand.<\/li>\n<\/ul><p>Using Bootstrap significantly speeds up the web development process. By assembling pre-built elements, you can create functional and visually appealing user interfaces much faster.<\/p><p>This approach also promotes design consistency throughout the entire project, resulting in a more professional and cohesive user experience.<\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-how-does-bootstrap-work\"><strong>How does Bootstrap work?<\/strong><\/h2><p>Bootstrap works by <strong>providing a collection of precompiled CSS and JavaScript files that you add to a web project.<\/strong><\/p><p>These files form its technical architecture, containing all the code for its responsive grid system, UI components, and interactive plugins.<\/p><p>To use it on a <a href=\"\/tutorials\/what-is-website\">website<\/a>, link to Bootstrap&rsquo;s CSS stylesheet in your HTML&rsquo;s <strong>&lt;head&gt;<\/strong> and its JavaScript file before the closing <strong>&lt;\/body&gt;<\/strong> tag.<\/p><p>From there, you can apply Bootstrap&rsquo;s predefined classes to your HTML elements. For example, adding a simple class instantly styles a button or creates a complex navigation bar.<\/p><p>The browser reads these classes and applies the corresponding styles and behaviors from the linked Bootstrap files.<\/p><p>This modular system separates a site&rsquo;s structure (HTML) from its presentation (CSS) and behavior (JS), making it a powerful and efficient way to <a href=\"\/tutorials\/how-to-make-a-website\">develop a website<\/a>.<\/p><h3 class=\"wp-block-heading\" id=\"h-what-are-the-core-bootstrap-files\"><strong>What are the core Bootstrap files?<\/strong><\/h3><p>The core Bootstrap files are <strong>its compiled CSS and JavaScript<\/strong>, which work together to provide the framework&rsquo;s styling and interactivity.<\/p><ul class=\"wp-block-list\">\n<li><strong>bootstrap.min.css<\/strong>. This is the main stylesheet file that contains all the pre-written <a href=\"\/tutorials\/what-is-css\">CSS<\/a> for Bootstrap&rsquo;s responsive grid, components, and utilities. Including this single file in your project applies all of Bootstrap&rsquo;s visual designs.<\/li>\n\n\n\n<li><strong>bootstrap.bundle.min.js<\/strong>. This file contains the custom <a href=\"\/tutorials\/what-is-javascript\">JavaScript<\/a> required for interactive components like dropdowns, modals, and carousels. It also includes <strong>Popper.js<\/strong>, a library that facilitates element positioning, such as tooltips and popovers.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69e15d48319a8\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1210\" height=\"1428\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/08\/bootstrap-css-javascript-files.png\/public\" alt=\"The core CSS and JavaScript files in a Bootstrap project.\" class=\"wp-image-135613\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/08\/bootstrap-css-javascript-files.png\/w=1210,fit=scale-down 1210w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/08\/bootstrap-css-javascript-files.png\/w=254,fit=scale-down 254w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/08\/bootstrap-css-javascript-files.png\/w=868,fit=scale-down 868w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/08\/bootstrap-css-javascript-files.png\/w=127,fit=scale-down 127w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/08\/bootstrap-css-javascript-files.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1210px) 100vw, 1210px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-why-should-you-use-bootstrap\"><strong>Why should you use Bootstrap?<\/strong><\/h3><p>You should use Bootstrap<strong> to accelerate web development, create responsive designs, and maintain visual consistency across a project with minimal effort.<\/strong><\/p><p>The main Bootstrap benefits for developers stem from its extensive library of pre-built components for anything from alerts to carousels, as well as a robust mobile-first grid system, which eliminates the need to code common interface elements from scratch.<\/p><p>This lets teams focus on a project&rsquo;s core functionality, knowing the framework handles cross-browser compatibility and that the design will adapt seamlessly to any screen size.<\/p><h2 class=\"wp-block-heading\" id=\"h-core-concepts-and-key-features-of-bootstrap\"><strong>Core concepts and key features of Bootstrap<\/strong><\/h2><p>Bootstrap&rsquo;s key features are <strong>a responsive grid system, pre-styled components, interactive JavaScript plugins, and broad customization options.<\/strong><\/p><h3 class=\"wp-block-heading\" id=\"h-responsive-grid-system\"><strong>Responsive grid system<\/strong><\/h3><p>The Bootstrap grid system is the foundation for achieving responsive design within the framework.<\/p><p>It provides a powerful, mobile-first grid based on a 12-column layout, which lets you precisely control how content is structured across different screen sizes.<\/p><p>You manage this using grid breakpoints &ndash; predefined widths that trigger layout changes. Bootstrap&rsquo;s breakpoints include <strong>sm<\/strong> (small), <strong>md<\/strong> (medium), <strong>lg<\/strong> (large), <strong>xl<\/strong> (extra-large), and <strong>xxl<\/strong> (extra-extra-large).<\/p><p>For example, to make a content block span all 12 columns on a phone but only four on a large screen, you would apply classes like <strong>col-12 col-lg-4<\/strong>. This system is built upon the core principles of <a href=\"\/tutorials\/css-breakpoints\">CSS breakpoints<\/a>.<\/p><h3 class=\"wp-block-heading\" id=\"h-pre-styled-components\"><strong>Pre-styled components<\/strong><\/h3><p>Bootstrap&rsquo;s pre-styled components are a library of 20+ reusable UI elements that you can quickly add to any web project.<\/p><p>These styled components include everything from a basic Bootstrap button or card to a complex, responsive Bootstrap navbar.<\/p><p>Using these ready-made Bootstrap components saves significant development time by letting you build a functional interface without writing extensive custom CSS for common elements.<\/p><h3 class=\"wp-block-heading\" id=\"h-javascript-utilities\"><strong>JavaScript utilities<\/strong><\/h3><p>Bootstrap&rsquo;s JavaScript utilities are a collection of custom plugins that add website interactivity.<\/p><p>These add interactive behavior to components like dropdowns, modals, and carousels.<\/p><p>As of Bootstrap 5, all Bootstrap JavaScript is written in vanilla JS and no longer requires<a href=\"\/tutorials\/what-is-jquery\"> jQuery<\/a>, making the framework more lightweight and modern.<\/p><h3 class=\"wp-block-heading\" id=\"h-broad-customization\"><strong>Broad customization<\/strong><\/h3><p>Bootstrap offers design flexibility through customization. You can customize Bootstrap in two main ways: through its built-in Bootstrap theming system or by writing your own CSS.<\/p><p>Theming lets you modify Bootstrap Sass variables to change global properties like colors and fonts.<\/p><p>For more specific adjustments, you can override Bootstrap styles with a separate stylesheet, giving you precise control over any element.<\/p><h2 class=\"wp-block-heading\" id=\"h-how-do-you-use-bootstrap-in-a-project\"><strong>How do you use Bootstrap in a project?<\/strong><\/h2><p>To use Bootstrap in a project, <strong>you add its CSS and JavaScript files to your HTML.<\/strong> You can do this by linking to a <a href=\"\/tutorials\/what-is-cdn\">content delivery network (CDN)<\/a> or by downloading the source files directly.<\/p><p>The CDN method is the fastest and most common way to get started.<\/p><p>Here&rsquo;s an overview of the process using a CDN:<\/p><ol class=\"wp-block-list\">\n<li><strong>Set up an HTML file<\/strong>. Start with a basic HTML5 template. It&rsquo;s important to include the responsive viewport meta tag in the <strong>&lt;head&gt;<\/strong> section so that Bootstrap&rsquo;s mobile-first styles work correctly.<\/li>\n\n\n\n<li><strong>Link the CSS<\/strong>. Add the<strong> &lt;link&gt;<\/strong> tag for Bootstrap&rsquo;s CSS inside the <strong>&lt;head&gt;<\/strong> section of your document. This loads all the styling for the framework&rsquo;s layout and components.<\/li>\n\n\n\n<li><strong>Link the JavaScript<\/strong>. Place the <strong>&lt;script&gt;<\/strong> tag for the Bootstrap JavaScript bundle just before the closing <strong>&lt;\/body&gt;<\/strong> tag. This bundle includes <strong>Popper.js<\/strong> and is required for all interactive components.<\/li>\n<\/ol><p>Below is a starter template with the latest, verified CDN links that you can copy and use:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!doctype html&gt;\n&lt;html lang=\"en\"&gt;\n  &lt;head&gt;\n    &lt;meta charset=\"utf-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\n    &lt;title&gt;Bootstrap demo&lt;\/title&gt;\n    &lt;link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.8\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH\" crossorigin=\"anonymous\"&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1&gt;Hello, world!&lt;\/h1&gt;\n    &lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.8\/dist\/js\/bootstrap.bundle.min.js\" integrity=\"sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz\" crossorigin=\"anonymous\"&gt;&lt;\/script&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/pre><p>This is the expected look when you open it in a browser:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69e15d4832782\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1328\" height=\"406\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/08\/bootstrap-hello-world.png\/public\" alt='Browser output of the \"Hello, world!\" Bootstrap template.' class=\"wp-image-135614\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/08\/bootstrap-hello-world.png\/w=1328,fit=scale-down 1328w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/08\/bootstrap-hello-world.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/08\/bootstrap-hello-world.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/08\/bootstrap-hello-world.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/08\/bootstrap-hello-world.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1328px) 100vw, 1328px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>For more advanced customization, you can download the source files from the <a href=\"https:\/\/getbootstrap.com\/docs\/5.3\/getting-started\/download\" target=\"_blank\" rel=\"noopener\">official Bootstrap website<\/a> and host them on your own server.<\/p><p>Once set up, you can start building your layout by applying Bootstrap&rsquo;s predefined CSS classes directly to your HTML elements.<\/p><h2 class=\"wp-block-heading\" id=\"h-pros-and-cons-of-bootstrap\"><strong>Pros and cons of Bootstrap<\/strong><\/h2><p>Bootstrap&rsquo;s main pros include <strong>quick prototyping, built-in responsiveness, consistency, and extensive documentation<\/strong>, while its cons are <strong>the potential for a generic design, code bloat, and complex overrides<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-bootstrap-pros\"><strong>Bootstrap pros<\/strong><\/h3><ul class=\"wp-block-list\">\n<li><strong>Rapid<\/strong><strong> <\/strong><strong>prototyping<\/strong>. Bootstrap is ideal for quickly building functional prototypes. Its ready-to-use components let you assemble a working interface in a short time, making it easier to test ideas and gather feedback early in the development cycle.<\/li>\n\n\n\n<li><strong>Responsive by default<\/strong>. The framework is built with a mobile-first approach, making it easy to create layouts that adapt seamlessly to various screen sizes.<\/li>\n\n\n\n<li><strong>Consistency<\/strong>. It provides a consistent design language and functionality across all modern web browsers, reducing cross-browser compatibility issues.<\/li>\n\n\n\n<li><strong>Strong community and documentation<\/strong>. Bootstrap has extensive documentation and a massive community, making it easy to find solutions, tutorials, and third-party themes.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-bootstrap-cons\"><strong>Bootstrap cons<\/strong><\/h3><ul class=\"wp-block-list\">\n<li><strong>Generic design<\/strong>. Without significant customization, websites built with Bootstrap can look very similar to one another, lacking a unique visual identity.<\/li>\n\n\n\n<li><strong>Potential bloat<\/strong>. The framework includes a large amount of CSS and JavaScript to cover all its components. If you only use a few features, the unused code can increase your site&rsquo;s file size and slow it down.<\/li>\n\n\n\n<li><strong>Complex overrides<\/strong>. While Bootstrap is customizable, overriding its default styles for highly unique designs can sometimes be complex and require deep CSS specificity.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-is-bootstrap-the-right-tool-for-your-project\"><strong>Is Bootstrap the right tool for your project?<\/strong><\/h2><p>Bootstrap is the right tool <strong>if your project prioritizes rapid development, design consistency, and mobile-first responsiveness.<\/strong><\/p><p>It is less suitable for projects that require a highly unique, custom design or where minimal file size is a critical priority.<\/p><h3 class=\"wp-block-heading\" id=\"h-when-to-use-bootstrap\"><strong>When to use Bootstrap<\/strong><\/h3><p>Bootstrap is an excellent choice for projects where speed and a reliable foundation are more important than a unique brand identity. It&rsquo;s ideal for:<\/p><ul class=\"wp-block-list\">\n<li>Prototypes and projects with tight deadlines.<\/li>\n\n\n\n<li>Admin dashboards and internal tools.<\/li>\n\n\n\n<li>Standard marketing or corporate websites.<\/li>\n<\/ul><p>If you have limited front-end resources or a team with varying CSS skills, Bootstrap&rsquo;s pre-built components and extensive documentation provide a huge advantage.<\/p><h3 class=\"wp-block-heading\" id=\"h-when-to-consider-a-bootstrap-alternative\"><strong>When to consider a Bootstrap alternative<\/strong><\/h3><p>If your project&rsquo;s success depends on a highly specific or unconventional design, you might find yourself fighting Bootstrap&rsquo;s default styles.<\/p><p>In these cases, a utility-first framework like Tailwind CSS might offer more creative freedom.<\/p><p>For very simple websites, the entire framework can be overkill, adding unnecessary weight where a lighter library or custom CSS would be more efficient.<\/p><p>Ultimately, evaluate your project&rsquo;s priorities. If you value speed, consistency, and a proven, responsive foundation, Bootstrap remains one of the best tools available.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bootstrap is a free and open-source front-end framework that uses pre-written HTML, CSS, and JavaScript to let developers build responsive, [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/tutorials\/what-is-bootstrap\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":411,"featured_media":91503,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"What is Bootstrap? The complete front-end framework guide","rank_math_description":"Learn what Bootstrap is, how it works, and why it\u2019s a popular framework. Find its core features and how to use it in your next web project.","rank_math_focus_keyword":"what is bootstrap, what is bootstrap","footnotes":""},"categories":[22601,22603],"tags":[],"class_list":["post-16348","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","category-website-development"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/what-is-bootstrap","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/cest-quoi-bootstrap","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/que-es-bootstrap","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/apa-itu-bootstrap","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/what-is-bootstrap","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/bootstrap","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/bootstrap","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/que-es-bootstrap","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/que-es-bootstrap","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/que-es-bootstrap","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/what-is-bootstrap","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/what-is-bootstrap","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/what-is-bootstrap","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/what-is-bootstrap","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/posts\/16348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/users\/411"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/comments?post=16348"}],"version-history":[{"count":26,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/posts\/16348\/revisions"}],"predecessor-version":[{"id":135945,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/posts\/16348\/revisions\/135945"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/media\/91503"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/media?parent=16348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/categories?post=16348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/tags?post=16348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}