{"id":1018,"date":"2024-09-17T06:50:47","date_gmt":"2024-09-17T06:50:47","guid":{"rendered":"http:\/\/dental-hospital.test\/?page_id=1018"},"modified":"2024-09-17T06:50:47","modified_gmt":"2024-09-17T06:50:47","slug":"columns-es","status":"publish","type":"page","link":"https:\/\/cndentalhospital.com\/?page_id=1018&lang=es","title":{"rendered":"Columnas"},"content":{"rendered":"<h3>Dos columnas<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-6 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-6 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<\/div><br \/>\n\\n<\/p>\n<pre><strong>Shortcode:<\/strong><br>[<code>row<\/code>][<code>column col=\"6\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"6\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<p>\\n<div class=\"hr\"><\/div><br \/>\n\\n<\/p>\n<h3>Tres columnas<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-4 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-4 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-4 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<\/div><br \/>\n\\n<\/p>\n<pre><strong>Shortcode:<\/strong><br>[<code>row<\/code>][<code>column col=\"4\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"4\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"4\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<p>\\n<div class=\"hr\"><\/div><br \/>\n\\n<\/p>\n<h3>Cuatro columnas<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-3 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-3 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-3 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-3 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<\/div><br \/>\n\\n<\/p>\n<pre><strong>Shortcode:<\/strong><br>[<code>row<\/code>][<code>column col=\"3\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"3\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"3\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"3\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<p>\\n<div class=\"hr\"><\/div><br \/>\n\\n<\/p>\n<h3>Seis columnas<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-2 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<\/div><br \/>\n\\n<\/p>\n<pre><strong>Shortcode:<\/strong><br>[<code>row<\/code>][<code>column col=\"2\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"2\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"2\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"2\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"2\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"2\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<p>\\n<div class=\"hr\"><\/div><br \/>\n\\n<\/p>\n<h3>Un tercio \/ dos tercios<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-4 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-8 \">\n<p> Este es un texto de ejemplo algo m\u00e1s largo para mostrar c\u00f3mo se ve un p\u00e1rrafo dentro de un dise\u00f1o en columnas. <\/p>\n<\/div>\n<\/div><br \/>\n\\n<\/p>\n<pre><strong>Shortcode:<\/strong><br>[<code>row<\/code>][<code>column col=\"4\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"8\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<p>\\n<div class=\"hr\"><\/div><br \/>\n\\n<\/p>\n<h3>Un cuarto \/ tres cuartos<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-3 \">\n<p> Este es un texto de ejemplo para dise\u00f1os en columnas y puede sustituirse por el contenido real. <\/p>\n<\/div>\n<div class=\"col-9 \">\n<p> Este es un p\u00e1rrafo de ejemplo m\u00e1s completo que sirve para visualizar la lectura del contenido con distintos anchos de columna. <\/p>\n<\/div>\n<\/div><br \/>\n\\n<\/p>\n<pre><strong>Shortcode:<\/strong><br>[<code>row<\/code>][<code>column col=\"3\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"9\"<\/code>] Suspendisse a erat sed erat egestas semper. Etiam ut pulvinar risus. In suscipit tellus a metus fermentum, ut congue ante lobortis. Vestibulum malesuada est at nisl gravida venenatis. Vivamus fringilla mauris vestibulum justo ultrices laoreet. Vivamus consequat orci venenatis luctus vulputate. Nam semper ipsum in diam fermentum, in mattis dolor consectetur. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<p>\\n<div class=\"hr\"><\/div><br \/>\n\\n<\/p>\n<h3>Dos tercios \/ un tercio<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-8 \">\n<p> Este es un p\u00e1rrafo de ejemplo m\u00e1s completo que sirve para visualizar la lectura del contenido con distintos anchos de columna. <\/p>\n<\/div>\n<div class=\"col-4 \">\n<p> Este es un texto de ejemplo algo m\u00e1s largo para mostrar c\u00f3mo se ve un p\u00e1rrafo dentro de un dise\u00f1o en columnas. <\/p>\n<\/div>\n<\/div><br \/>\n\\n<\/p>\n<pre><strong>Shortcode:<\/strong><br>[<code>row<\/code>][<code>column col=\"8\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"4\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<p>\\n<div class=\"hr\"><\/div><br \/>\n\\n<\/p>\n<h3>Tres cuartos \/ un cuarto<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-9 \">\n<p> Este es un p\u00e1rrafo de ejemplo m\u00e1s completo que sirve para visualizar la lectura del contenido con distintos anchos de columna. <\/p>\n<\/div>\n<div class=\"col-3 \">\n<p> Este es un p\u00e1rrafo breve de ejemplo que puedes completar seg\u00fan lo necesites.<\/p>\n<\/div>\n<\/div><br \/>\n\\n<\/p>\n<pre><strong>Shortcode:<\/strong><br>[<code>row<\/code>][<code>column col=\"9\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"3\"<\/code>] Suspendisse a erat sed erat egestas semper. Etiam ut pulvinar risus. In suscipit tellus a metus fermentum,[<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<p>\\n<div class=\"hr\"><\/div><br \/>\n\\n<br \/>\n\\n<\/p>\n<p><strong>If you want to add extra CSS class use &#8220;subcls&#8221; element with &#8220;column&#8221;. For ex.<\/strong><\/p>\n<p>\\n<\/p>\n<pre>[<code>row<\/code>][<code>column col=\"1\/2\/3\/4\/5\/6\/7\/8\/9\/10\/11\/12\" subcls=\"Add extra class\"<\/code>] Content goes here... [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Dos columnas \\n \\n Shortcode:[row][column col=\"6\"] Volutpat commodo sed egestas egestas fringilla ph&#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-full-width.php","meta":{"footnotes":""},"class_list":["post-1018","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cndentalhospital.com\/index.php?rest_route=\/wp\/v2\/pages\/1018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cndentalhospital.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cndentalhospital.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cndentalhospital.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cndentalhospital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1018"}],"version-history":[{"count":0,"href":"https:\/\/cndentalhospital.com\/index.php?rest_route=\/wp\/v2\/pages\/1018\/revisions"}],"wp:attachment":[{"href":"https:\/\/cndentalhospital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}