{"id":88,"date":"2024-05-04T17:29:35","date_gmt":"2024-05-04T23:29:35","guid":{"rendered":"https:\/\/www.mariatech.com.mx\/blog\/?p=88"},"modified":"2026-05-15T08:50:48","modified_gmt":"2026-05-15T15:50:48","slug":"alinea-contenido-con-bootstrap","status":"publish","type":"post","link":"https:\/\/www.mariatech.com.mx\/blog\/bootstrap\/alinea-contenido-con-bootstrap\/","title":{"rendered":"Alinea contenido con Bootstrap"},"content":{"rendered":"<p>Para la versi\u00f3n 5 lo podemos hacer con estas clases, aplicadas al contenedor:<\/p>\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"form-group <mark style=\"background-color:#ffff00\" class=\"has-inline-color has-primary-color\">text-start<\/mark>\">\n   &lt;button id=\"btn-save\" type=\"submit\" class=\"btn btn-primary\">Guardar&lt;\/button>\n&lt;\/div><\/code><\/pre>\n\n\n<p>&#8220;text-star&#8221; hace que el contenido se cargue a la izquierda<\/p>\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"form-group <mark style=\"background-color:#ffff00\" class=\"has-inline-color has-primary-color\">text-center<\/mark>\">\n   &lt;button id=\"btn-save\" type=\"submit\" class=\"btn btn-primary\">Guardar&lt;\/button>\n&lt;\/div><\/code><\/pre>\n\n\n<p>&#8220;text-center&#8221; hace que el contenido se centre<\/p>\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"form-group <mark style=\"background-color:#ffff00\" class=\"has-inline-color has-primary-color\">text-end<\/mark>\">\n   &lt;button id=\"btn-save\" type=\"submit\" class=\"btn btn-primary\">Guardar&lt;\/button>\n&lt;\/div><\/code><\/pre>\n\n\n<p>&#8220;text-end&#8221; hace que el contenido se cargue a la derecha<\/p>\n\n<p>Tambi\u00e9n puedes usar las clases &#8220;text-left&#8221; y &#8220;text-right&#8221; en algunas versiones cambia su sintaxis pero su funci\u00f3n es la misma.<\/p>\n\n<p>Recuerda que para poder hacer uso de Bootstrap debes integrarlo a tu proyecto<\/p>","protected":false},"excerpt":{"rendered":"<p>Alinea contenido f\u00e1cil y r\u00e1pido con Bootstrap 5<\/p>\n","protected":false},"author":1,"featured_media":256,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-88","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bootstrap"],"_links":{"self":[{"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/posts\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":0,"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/posts\/88\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/media\/256"}],"wp:attachment":[{"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=88"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=88"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}