{"id":14688,"date":"2023-12-01T09:50:03","date_gmt":"2023-12-01T12:50:03","guid":{"rendered":"https:\/\/categoriaoutros.com.br\/?p=14688"},"modified":"2023-12-01T09:50:05","modified_gmt":"2023-12-01T12:50:05","slug":"cor-e-tamanho-de-texto-com-bootstrap","status":"publish","type":"post","link":"https:\/\/categoriaoutros.com.br\/?p=14688","title":{"rendered":"Cor e Tamanho de Texto com Bootstrap"},"content":{"rendered":"\n<p>Nesse post iremos aprender a como definir cor e tamanho de texto com Bootstrap de forma a alterar a apar\u00eancia da p\u00e1gina de acordo com nosso gosto.<\/p>\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=\"Cor e Tamanho de Texto com Bootstrap\" 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\">Cor e Tamanho de Texto com Bootstrap<\/figcaption><\/figure><\/div>\n\n\n<p>O termo muito usado \u00e9 <strong>estilizar<\/strong> e significa aplicar diferentes estilos, como fonte, tamanho, cor, negrito, it\u00e1lico, sublinhado, etc., para tornar o texto visualmente mais atraente ou destacado. Quando coloquei o t\u00edtulo desse post de &#8220;<em><strong>Cor e Tamanho de Texto com Bootstrap<\/strong><\/em>&#8221; quis dizer exatamente isso, dar diferentes estilos ou estilizar.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Veja os outros posts sobre Bootstrap: <a href=\"https:\/\/categoriaoutros.com.br\/?s=bootstrap\">posts sobre Bootstrap do site Categoria Outros<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>Mas a estiliza\u00e7\u00e3o n\u00e3o est\u00e1 limitada apenas a cor e tamanho, inclui muito mais, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>alinhamento do texto<\/li>\n\n\n\n<li>transforma\u00e7\u00e3o do texto, como mai\u00fasculo, min\u00fasculo e texto capitalizado(apenas primeira letra mai\u00fascula). <\/li>\n\n\n\n<li>tipo de fonte(letra)<\/li>\n<\/ul>\n\n\n\n<p>Podemos estilizar todo tipo de texto, seja apenas um par\u00e1grafo, t\u00edtulos, subt\u00edtulos, listas etc&#8230;<\/p>\n\n\n\n<p>J\u00e1 vimos sobre cor de texto e de fundo(background) no post <a href=\"https:\/\/categoriaoutros.com.br\/?p=14611\">Coisas Importantes do Bootstrap para Iniciantes<\/a>. Mas veremos novamente a respeito aqui \ud83d\ude42<\/p>\n\n\n\n<p>Temos outro post falando como adicionar Bootstrap dentro do HTML: <a href=\"https:\/\/categoriaoutros.com.br\/?p=14597\">O que \u00e9 Bootstrap e como adicion\u00e1-lo no HTML<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cor do texto com Bootstrap<\/h2>\n\n\n\n<p>Podemos usar as seguintes classes do Bootstrap para darmos cor aos textos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">text-primary<\/mark><\/strong>: Texto na cor prim\u00e1ria.<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#777777\" class=\"has-inline-color\">text-secondary<\/mark><\/strong>: Texto na cor secund\u00e1ria.<\/li>\n\n\n\n<li><strong>text-success<\/strong>: Texto na cor de sucesso.<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">text-danger<\/mark><\/strong>: Texto na cor de perigo ou vermelho<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-amber-color\">text-warning<\/mark><\/strong>: Texto na cor de aviso. Um tipo de amarelado \ud83d\ude42<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">text-info<\/mark><\/strong>: Texto na cor informativa. <\/li>\n\n\n\n<li><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-cyan-bluish-gray-color\">text-light<\/mark>: Texto em uma cor clara.<\/li>\n\n\n\n<li><strong>text-dark<\/strong>: Texto em uma cor escura.<\/li>\n\n\n\n<li><strong>text-body<\/strong>: Texto com a cor padr\u00e3o do corpo do documento.<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#707070\" class=\"has-inline-color\">text-muted<\/mark><\/strong>: Texto em uma cor desbotada ou menos proeminente.<\/li>\n<\/ul>\n\n\n\n<p>Ent\u00e3o, podemos colocar, por exemplo, um t\u00edtulo h1 em vermelho assim:<\/p>\n\n\n\n<pre><font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">h1<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">class<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;text-danger&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font><font color=\"#CD00CD\">T\u00edtulo Danger - Vemelhor<\/font><font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">h1<\/font><font color=\"#00CDCD\">&gt;<\/font><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Estilo de Texto(Tamanho, negrito, it\u00e1lico, sublinhado&#8230;) com Bootstrap<\/h2>\n\n\n\n<p>Estilo de texto engloba diversas apar\u00eancias do texto, como tamanho, negrito, it\u00e1lico, alinhamento e outras transforma\u00e7\u00f5es.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Classes para tamanho de texto com Bootstrap<\/h3>\n\n\n\n<p>As classes de tamanho de texto dispon\u00edveis no Bootstrap s\u00e3o:<\/p>\n\n\n\n<p>Classes pr\u00e9-definidas<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>text-xs<\/strong>: texto extra pequeno ou (8px)<\/li>\n\n\n\n<li><strong>text-sm<\/strong>: texto pequeno ou (10px)<\/li>\n\n\n\n<li><strong>text-md<\/strong>: texto m\u00e9dio ou (12px)<\/li>\n\n\n\n<li><strong>text-lg<\/strong>: texto grande ou (14px)<\/li>\n\n\n\n<li><strong>text-xl<\/strong>: texto extra grande ou (16px)<\/li>\n\n\n\n<li><strong>text-xxl<\/strong>: extra grande ou (20px)<\/li>\n<\/ul>\n\n\n\n<p>Classes de tamanho de texto padr\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code><strong>x-small<\/strong><\/code>\u00a0(8px)<\/li>\n\n\n\n<li><strong><code>small<\/code>\u00a0<\/strong>(10px)<\/li>\n\n\n\n<li><code><strong>medium<\/strong><\/code>\u00a0(12px)<\/li>\n\n\n\n<li><code><strong>large<\/strong><\/code>\u00a0(14px)<\/li>\n\n\n\n<li><code><strong>xlarge<\/strong><\/code>\u00a0(16px)<\/li>\n\n\n\n<li><strong><code>xxlarge<\/code>\u00a0<\/strong>(20px)<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\"><\/ul>\n\n\n\n<p>ou ainda podemos usar as classes para t\u00edtulos .h1 \u00e0 .h6<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>h1<\/li>\n\n\n\n<li>h2<\/li>\n\n\n\n<li>h3<\/li>\n\n\n\n<li>h4<\/li>\n\n\n\n<li>h5<\/li>\n\n\n\n<li>h6<\/li>\n<\/ul>\n\n\n\n<p>Todas as classes em Bootstrap t\u00eam um ponto(como em .medium ou .text-lg&#8230;) mas eu preferi n\u00e3o colocar j\u00e1 que no uso n\u00e3o o colocamos tamb\u00e9m.<\/p>\n\n\n\n<p>Veja exemplo de uso:<\/p>\n\n\n\n<pre><font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">h1<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">class<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;h3&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font><font color=\"#CD00CD\">T\u00edtulo<\/font><font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">h1<\/font><font color=\"#00CDCD\">&gt;<\/font><\/pre>\n\n\n\n<pre><font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">p<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">class<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;h3&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font>meu par\u00e1grafo com estilos<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">p<\/font><font color=\"#00CDCD\">&gt;<\/font><\/pre>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Classes para estilo de texto com Bootstrap<\/h3>\n\n\n\n<p>Podemos dar estilos como, <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>.font-weight-bold<\/strong>: Define o texto em negrito.<\/li>\n\n\n\n<li><strong>.font-weight-normal<\/strong>: Define o texto com peso da fonte normal.<\/li>\n\n\n\n<li><strong>.font-italic<\/strong>: Define o texto em it\u00e1lico.<\/li>\n\n\n\n<li><strong>.text-decoration-none<\/strong>: Remove a decora\u00e7\u00e3o de texto (como sublinhado).<\/li>\n<\/ul>\n\n\n\n<p>Olha eu usado o ponto nas classes aqui! Essa \u00e9 a forma correta de declarar as classes, mas quando for usar retire-os.<\/p>\n\n\n\n<p> <\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Classes para transforma\u00e7\u00e3o de texto com Bootstrap<\/h3>\n\n\n\n<p>Podemos usar as classes para transforma\u00e7\u00e3o de textos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>.text-uppercase<\/strong>: Transforma o texto em mai\u00fasculas.<\/li>\n\n\n\n<li><strong>.text-lowercase<\/strong>: Transforma o texto em min\u00fasculas.<\/li>\n\n\n\n<li><strong>.text-capitalize<\/strong>: Capitaliza a primeira letra de cada palavra do texto.<\/li>\n\n\n\n<li><strong>.text-nowrap<\/strong>: Impede a quebra de linha do texto.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Classes para Alinhamento de texto com Bootstrap<\/h3>\n\n\n\n<p>As classes para alinhamento de texto no Bootstrap s\u00e3o: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>text-left <\/strong>para alinhamento \u00e0 esquerda<\/li>\n\n\n\n<li><strong>text-center<\/strong> para alinhamento ao centro<\/li>\n\n\n\n<li><strong>text-right<\/strong> para alinhamento \u00e0 direita<\/li>\n\n\n\n<li><strong>text-justify <\/strong>para justificado.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nesse post iremos aprender a como definir cor e tamanho de texto com Bootstrap de forma a alterar a apar\u00eancia da p\u00e1gina de acordo com nosso gosto. O termo muito usado \u00e9 estilizar e significa aplicar diferentes estilos, como fonte, tamanho, cor, negrito, it\u00e1lico, sublinhado, etc., para tornar o texto visualmente mais atraente ou destacado&#8230;.<\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/categoriaoutros.com.br\/?p=14688\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> &ldquo;Cor e Tamanho de Texto com Bootstrap&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":[4702,82],"tags":[4699,4707],"class_list":["post-14688","post","type-post","status-publish","format-standard","hentry","category-bootstrap","category-cursos","tag-bootstrap","tag-estilos-de-texto-bootstrap"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cor e Tamanho de Texto com Bootstrap - Categoria Outros<\/title>\n<meta name=\"description\" content=\"Nesse post iremos aprender a como definir cor e tamanho de texto com Bootstrap de forma a alterar a apar\u00eancia da p\u00e1gina de acordo com nosso gosto.\" \/>\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=14688\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cor e Tamanho de Texto com Bootstrap - Categoria Outros\" \/>\n<meta property=\"og:description\" content=\"Nesse post iremos aprender a como definir cor e tamanho de texto com Bootstrap de forma a alterar a apar\u00eancia da p\u00e1gina de acordo com nosso gosto.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/categoriaoutros.com.br\/?p=14688\" \/>\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-12-01T12:50:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-01T12:50:05+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=14688#article\",\"isPartOf\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14688\"},\"author\":{\"name\":\"Categoria: Outros\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40\"},\"headline\":\"Cor e Tamanho de Texto com Bootstrap\",\"datePublished\":\"2023-12-01T12:50:03+00:00\",\"dateModified\":\"2023-12-01T12:50:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14688\"},\"wordCount\":605,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\"},\"keywords\":[\"Bootstrap\",\"estilos de texto bootstrap\"],\"articleSection\":[\"Bootstrap\",\"Cursos\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/categoriaoutros.com.br\/?p=14688#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14688\",\"url\":\"https:\/\/categoriaoutros.com.br\/?p=14688\",\"name\":\"Cor e Tamanho de Texto com Bootstrap - Categoria Outros\",\"isPartOf\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#website\"},\"datePublished\":\"2023-12-01T12:50:03+00:00\",\"dateModified\":\"2023-12-01T12:50:05+00:00\",\"description\":\"Nesse post iremos aprender a como definir cor e tamanho de texto com Bootstrap de forma a alterar a apar\u00eancia da p\u00e1gina de acordo com nosso gosto.\",\"breadcrumb\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14688#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/categoriaoutros.com.br\/?p=14688\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14688#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/categoriaoutros.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cor e Tamanho de Texto com Bootstrap\"}]},{\"@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":"Cor e Tamanho de Texto com Bootstrap - Categoria Outros","description":"Nesse post iremos aprender a como definir cor e tamanho de texto com Bootstrap de forma a alterar a apar\u00eancia da p\u00e1gina de acordo com nosso gosto.","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=14688","og_locale":"pt_BR","og_type":"article","og_title":"Cor e Tamanho de Texto com Bootstrap - Categoria Outros","og_description":"Nesse post iremos aprender a como definir cor e tamanho de texto com Bootstrap de forma a alterar a apar\u00eancia da p\u00e1gina de acordo com nosso gosto.","og_url":"https:\/\/categoriaoutros.com.br\/?p=14688","og_site_name":"Categoria Outros","article_publisher":"https:\/\/www.facebook.com\/categoriaoutros","article_published_time":"2023-12-01T12:50:03+00:00","article_modified_time":"2023-12-01T12:50:05+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=14688#article","isPartOf":{"@id":"https:\/\/categoriaoutros.com.br\/?p=14688"},"author":{"name":"Categoria: Outros","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40"},"headline":"Cor e Tamanho de Texto com Bootstrap","datePublished":"2023-12-01T12:50:03+00:00","dateModified":"2023-12-01T12:50:05+00:00","mainEntityOfPage":{"@id":"https:\/\/categoriaoutros.com.br\/?p=14688"},"wordCount":605,"commentCount":1,"publisher":{"@id":"https:\/\/categoriaoutros.com.br\/#organization"},"keywords":["Bootstrap","estilos de texto bootstrap"],"articleSection":["Bootstrap","Cursos"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/categoriaoutros.com.br\/?p=14688#respond"]}]},{"@type":"WebPage","@id":"https:\/\/categoriaoutros.com.br\/?p=14688","url":"https:\/\/categoriaoutros.com.br\/?p=14688","name":"Cor e Tamanho de Texto com Bootstrap - Categoria Outros","isPartOf":{"@id":"https:\/\/categoriaoutros.com.br\/#website"},"datePublished":"2023-12-01T12:50:03+00:00","dateModified":"2023-12-01T12:50:05+00:00","description":"Nesse post iremos aprender a como definir cor e tamanho de texto com Bootstrap de forma a alterar a apar\u00eancia da p\u00e1gina de acordo com nosso gosto.","breadcrumb":{"@id":"https:\/\/categoriaoutros.com.br\/?p=14688#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/categoriaoutros.com.br\/?p=14688"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/categoriaoutros.com.br\/?p=14688#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/categoriaoutros.com.br\/"},{"@type":"ListItem","position":2,"name":"Cor e Tamanho de Texto com Bootstrap"}]},{"@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\/14688","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=14688"}],"version-history":[{"count":8,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/14688\/revisions"}],"predecessor-version":[{"id":14718,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/14688\/revisions\/14718"}],"wp:attachment":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=14688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=14688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}