{"id":14597,"date":"2023-11-24T15:00:13","date_gmt":"2023-11-24T18:00:13","guid":{"rendered":"https:\/\/categoriaoutros.com.br\/?p=14597"},"modified":"2023-11-24T15:01:46","modified_gmt":"2023-11-24T18:01:46","slug":"o-que-e-bootstrap-e-como-adiciona-lo-no-html","status":"publish","type":"post","link":"https:\/\/categoriaoutros.com.br\/?p=14597","title":{"rendered":"O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML"},"content":{"rendered":"\n<p>Antes de falarmos sobre o que \u00e9 Bootstrap devemos saber o significado de <strong>framework<\/strong> em desenvolvimento de programas.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>O Bootstrap \u00e9 uma ferramenta gratuita para desenvolvimento HTML, CSS e JS. Crie prot\u00f3tipos rapidamente ou aplica\u00e7\u00f5es completas com nossas vari\u00e1veis e mixins Sass, sistemas de grid responsivo, componentes pr\u00e9-constru\u00eddos e poderosos plugins com jQuery.<\/p>\n<\/blockquote>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"860\" src=\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/11\/bootstrap-logo.png\" alt=\"O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML\" class=\"wp-image-14604\" srcset=\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/11\/bootstrap-logo.png 1024w, https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/11\/bootstrap-logo-300x252.png 300w, https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/11\/bootstrap-logo-768x645.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML<\/figcaption><\/figure><\/div>\n\n\n<p>Um framework \u00e9 usado para facilitar o desenvolvimento de software, pois trata-se de um conjunto de ferramentas, bibliotecas e padr\u00f5es de c\u00f3digo criado para dar mais agilidade de produtividade. Isso ocorre porque ele tem funcionalidades pr\u00e9-definidas que permitem aos desenvolvedores criar aplicativos ou sites de forma mais r\u00e1pida e eficiente, evitando a necessidade de come\u00e7ar do zero.<\/p>\n\n\n\n<p>Ent\u00e3o, agora podemos dizer que Bootstrap \u00e9 um framework de desenvolvimento web que fornece um conjunto de ferramentas e estilos pr\u00e9-definidos para facilitar a cria\u00e7\u00e3o de sites responsivos e modernos, mesmo para pessoas sem conhecimento avan\u00e7ado em programa\u00e7\u00e3o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CDN e Frameworks<\/h2>\n\n\n\n<p>Um termo que podemos ouvir bastante quando falamos de framework \u00e9 <strong>CND.<\/strong> Colocando por exetenso essa abrevia\u00e7\u00e3o, <strong>CDN<\/strong> significa <strong>Content Delivery Network<\/strong> e s\u00e3o servidores localizados em algum local seguro que cont\u00e9m c\u00f3pias de conte\u00fado est\u00e1tico (como imagens, arquivos CSS e JavaScript) de um site.<\/p>\n\n\n\n<p>Temos duas op\u00e7\u00f5es quando queremos adicionar um framework dentro de nosso site:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>baixar o arquivo do framework e enviar para nosso site<\/li>\n\n\n\n<li>apenas inserir um link do framework disponibilizado por um servidor CDN.<\/li>\n<\/ol>\n\n\n\n<p>Como exemplo, links de CSS e JS, temos,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css\">https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/js\/bootstrap.bundle.min.js\">https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/js\/bootstrap.bundle.min.js<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como adicionar Bootstrap no meu HTML?<\/h2>\n\n\n\n<p>Podemos iniciar incluindo CSS e JavaScript prontos para produ\u00e7\u00e3o do Bootstrap via CDN sem a necessidade de baixar e enviar para nosso site.<\/p>\n\n\n\n<p>Para CSS, basta colocarmos a linha abaixo dentro da tag &lt;head&gt; do nosso HTML<\/p>\n\n\n\n&lt;link href=&#8221;https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css&#8221; rel=&#8221;stylesheet&#8221; integrity=&#8221;sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV\/Dwwykc2MPK8M2HN&#8221; crossorigin=&#8221;anonymous&#8221;>\n\n\n\n<p>Para JavaScript, coloque a linha abaixo antes da tag &lt;\/body&gt;<\/p>\n\n\n\n&lt;script src=&#8221;https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/js\/bootstrap.bundle.min.js&#8221; integrity=&#8221;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN\/o0jlpcV8Qyq46cDfL&#8221; crossorigin=&#8221;anonymous&#8221;>&lt;\/script>\n\n\n\n<h2 class=\"wp-block-heading\">Exemplo Adicionando Bootstrap Passo a Passo no HTML<\/h2>\n\n\n\n<p>#1 Dentro do nosso arquivo index.html ou outro qualquer, inclu\u00edmos a tag <em><strong>&lt;meta name=&#8221;viewport&#8221;&gt;<\/strong><\/em> para um termos um comportamento mais responsivo para dispositivos m\u00f3veis.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!doctype html&gt;\n&lt;html lang=\"en\"&gt;\n  &lt;head&gt;\n    &lt;meta charset=\"utf-8\"&gt;\n    <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;<\/mark><\/strong>\n    &lt;title&gt;Demostra\u00e7\u00e3o de Bootstrap&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1&gt;Ol\u00e1, Mundo!&lt;\/h1&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>#2 Agora coloque a tag &lt;link&gt; dentro da tag &lt;head&gt; para inserir o CSS e a tag &lt;script&gt; antes do fechamento &lt;\/body&gt; para inserir nosso pacote JavaScript.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&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 de Exemplo&lt;\/title&gt;\n    <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">&lt;link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV\/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"&gt;<\/mark>\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1&gt;Hello, world!&lt;\/h1&gt;\n    <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/js\/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN\/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"&gt;&lt;\/script&gt;<\/mark>\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Dica<\/h2>\n\n\n\n<p>Podemos incluir Popper e nosso JS separadamente. <\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Descri\u00e7\u00e3o<\/th><th>URL<\/th><\/tr><\/thead><tbody><tr><td>CSS<\/td><td><code>https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css<\/code><\/td><\/tr><tr><td>JS<\/td><td><code>https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/js\/bootstrap.bundle.min.js<\/code><\/td><\/tr><tr><td><\/td><td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Se voc\u00ea n\u00e3o planeja usar menus suspensos, popovers ou dicas de ferramentas, economize alguns kilobytes ao n\u00e3o incluir o Popper.<\/p>\n\n\n\n<p>Veja outras alternativas de links:<\/p>\n\n\n\n<p><strong>CSS<\/strong><\/p>\n\n\n\n&lt;script src=&#8221;https:\/\/code.jquery.com\/jquery-3.3.1.slim.min.js&#8221; integrity=&#8221;sha384-q8i\/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo&#8221; crossorigin=&#8221;anonymous&#8221;>&lt;\/script> \n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Popper<\/strong><\/p>\n\n\n\n&lt;script src=&#8221;https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.14.3\/umd\/popper.min.js&#8221; integrity=&#8221;sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK\/l8WvCWPIPm49&#8243; crossorigin=&#8221;anonymous&#8221;>&lt;\/script> \n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>JavaScript<\/strong><\/p>\n\n\n\n&lt;script src=&#8221;https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.14.3\/umd\/popper.min.js&#8221; integrity=&#8221;sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK\/l8WvCWPIPm49&#8243; crossorigin=&#8221;anonymous&#8221;>&lt;\/script> \n","protected":false},"excerpt":{"rendered":"<p>Antes de falarmos sobre o que \u00e9 Bootstrap devemos saber o significado de framework em desenvolvimento de programas. O Bootstrap \u00e9 uma ferramenta gratuita para desenvolvimento HTML, CSS e JS. Crie prot\u00f3tipos rapidamente ou aplica\u00e7\u00f5es completas com nossas vari\u00e1veis e mixins Sass, sistemas de grid responsivo, componentes pr\u00e9-constru\u00eddos e poderosos plugins com jQuery. Um framework&#8230;<\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/categoriaoutros.com.br\/?p=14597\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> &ldquo;O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML&rdquo;<\/span> &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[669,16],"tags":[4701,670,4700],"class_list":["post-14597","post","type-post","status-publish","format-standard","hentry","category-html","category-informatica-dicas","tag-css","tag-html","tag-js"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML - Categoria Outros<\/title>\n<meta name=\"description\" content=\"Antes de falarmos sobre o que \u00e9 Bootstrap devemos saber o significado de framework em desenvolvimento de programas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/categoriaoutros.com.br\/?p=14597\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML - Categoria Outros\" \/>\n<meta property=\"og:description\" content=\"Antes de falarmos sobre o que \u00e9 Bootstrap devemos saber o significado de framework em desenvolvimento de programas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/categoriaoutros.com.br\/?p=14597\" \/>\n<meta property=\"og:site_name\" content=\"Categoria Outros\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/categoriaoutros\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-24T18:00:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-24T18:01:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/11\/bootstrap-logo.png\" \/>\n<meta name=\"author\" content=\"Categoria: Outros\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CategoriaOutros\" \/>\n<meta name=\"twitter:site\" content=\"@CategoriaOutros\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Categoria: Outros\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14597#article\",\"isPartOf\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14597\"},\"author\":{\"name\":\"Categoria: Outros\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40\"},\"headline\":\"O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML\",\"datePublished\":\"2023-11-24T18:00:13+00:00\",\"dateModified\":\"2023-11-24T18:01:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14597\"},\"wordCount\":622,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\"},\"keywords\":[\"CSS\",\"html\",\"JS\"],\"articleSection\":[\"html\",\"Inform\u00e1tica\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/categoriaoutros.com.br\/?p=14597#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14597\",\"url\":\"https:\/\/categoriaoutros.com.br\/?p=14597\",\"name\":\"O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML - Categoria Outros\",\"isPartOf\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#website\"},\"datePublished\":\"2023-11-24T18:00:13+00:00\",\"dateModified\":\"2023-11-24T18:01:46+00:00\",\"description\":\"Antes de falarmos sobre o que \u00e9 Bootstrap devemos saber o significado de framework em desenvolvimento de programas.\",\"breadcrumb\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14597#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/categoriaoutros.com.br\/?p=14597\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14597#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/categoriaoutros.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#website\",\"url\":\"https:\/\/categoriaoutros.com.br\/\",\"name\":\"Categoria Outros\",\"description\":\"Assuntos Diversos\",\"publisher\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/categoriaoutros.com.br\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\",\"name\":\"Categoria Outros\",\"alternateName\":\"Categoria Outros\",\"url\":\"https:\/\/categoriaoutros.com.br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg\",\"contentUrl\":\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg\",\"width\":400,\"height\":400,\"caption\":\"Categoria Outros\"},\"image\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/categoriaoutros\",\"https:\/\/twitter.com\/CategoriaOutros\",\"https:\/\/br.pinterest.com\/CategoriaOutros\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40\",\"name\":\"Categoria: Outros\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g\",\"caption\":\"Categoria: Outros\"},\"sameAs\":[\"http:\/\/categoriaoutros.com.br\"],\"url\":\"https:\/\/categoriaoutros.com.br\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML - Categoria Outros","description":"Antes de falarmos sobre o que \u00e9 Bootstrap devemos saber o significado de framework em desenvolvimento de programas.","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:\/\/categoriaoutros.com.br\/?p=14597","og_locale":"pt_BR","og_type":"article","og_title":"O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML - Categoria Outros","og_description":"Antes de falarmos sobre o que \u00e9 Bootstrap devemos saber o significado de framework em desenvolvimento de programas.","og_url":"https:\/\/categoriaoutros.com.br\/?p=14597","og_site_name":"Categoria Outros","article_publisher":"https:\/\/www.facebook.com\/categoriaoutros","article_published_time":"2023-11-24T18:00:13+00:00","article_modified_time":"2023-11-24T18:01:46+00:00","og_image":[{"url":"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/11\/bootstrap-logo.png"}],"author":"Categoria: Outros","twitter_card":"summary_large_image","twitter_creator":"@CategoriaOutros","twitter_site":"@CategoriaOutros","twitter_misc":{"Escrito por":"Categoria: Outros","Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/categoriaoutros.com.br\/?p=14597#article","isPartOf":{"@id":"https:\/\/categoriaoutros.com.br\/?p=14597"},"author":{"name":"Categoria: Outros","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40"},"headline":"O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML","datePublished":"2023-11-24T18:00:13+00:00","dateModified":"2023-11-24T18:01:46+00:00","mainEntityOfPage":{"@id":"https:\/\/categoriaoutros.com.br\/?p=14597"},"wordCount":622,"commentCount":7,"publisher":{"@id":"https:\/\/categoriaoutros.com.br\/#organization"},"keywords":["CSS","html","JS"],"articleSection":["html","Inform\u00e1tica"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/categoriaoutros.com.br\/?p=14597#respond"]}]},{"@type":"WebPage","@id":"https:\/\/categoriaoutros.com.br\/?p=14597","url":"https:\/\/categoriaoutros.com.br\/?p=14597","name":"O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML - Categoria Outros","isPartOf":{"@id":"https:\/\/categoriaoutros.com.br\/#website"},"datePublished":"2023-11-24T18:00:13+00:00","dateModified":"2023-11-24T18:01:46+00:00","description":"Antes de falarmos sobre o que \u00e9 Bootstrap devemos saber o significado de framework em desenvolvimento de programas.","breadcrumb":{"@id":"https:\/\/categoriaoutros.com.br\/?p=14597#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/categoriaoutros.com.br\/?p=14597"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/categoriaoutros.com.br\/?p=14597#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/categoriaoutros.com.br\/"},{"@type":"ListItem","position":2,"name":"O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML"}]},{"@type":"WebSite","@id":"https:\/\/categoriaoutros.com.br\/#website","url":"https:\/\/categoriaoutros.com.br\/","name":"Categoria Outros","description":"Assuntos Diversos","publisher":{"@id":"https:\/\/categoriaoutros.com.br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/categoriaoutros.com.br\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/categoriaoutros.com.br\/#organization","name":"Categoria Outros","alternateName":"Categoria Outros","url":"https:\/\/categoriaoutros.com.br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/","url":"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg","contentUrl":"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg","width":400,"height":400,"caption":"Categoria Outros"},"image":{"@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/categoriaoutros","https:\/\/twitter.com\/CategoriaOutros","https:\/\/br.pinterest.com\/CategoriaOutros\/"]},{"@type":"Person","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40","name":"Categoria: Outros","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g","caption":"Categoria: Outros"},"sameAs":["http:\/\/categoriaoutros.com.br"],"url":"https:\/\/categoriaoutros.com.br\/?author=1"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/14597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14597"}],"version-history":[{"count":12,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/14597\/revisions"}],"predecessor-version":[{"id":14610,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/14597\/revisions\/14610"}],"wp:attachment":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=14597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=14597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}