{"id":1015,"date":"2024-09-17T06:50:47","date_gmt":"2024-09-17T06:50:47","guid":{"rendered":"http:\/\/dental-hospital.test\/?page_id=1015"},"modified":"2024-09-17T06:50:47","modified_gmt":"2024-09-17T06:50:47","slug":"columns-fr","status":"publish","type":"page","link":"https:\/\/cndentalhospital.com\/?page_id=1015&lang=fr","title":{"rendered":"Colonnes"},"content":{"rendered":"<h3>Deux colonnes<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-6 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-6 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/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>Trois colonnes<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-4 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-4 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-4 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/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>Quatre colonnes<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-3 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-3 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-3 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-3 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/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>Six colonnes<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-2 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/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 tiers \/ Deux tiers<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-4 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-8 \">\n<p> Voici un texte de d\u00e9monstration un peu plus long pour illustrer le rendu d\u2019un paragraphe dans une mise en page en colonnes. <\/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 quart \/ Trois quarts<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-3 \">\n<p> Voici un texte d\u2019exemple pour les mises en page en colonnes, \u00e0 remplacer par votre contenu r\u00e9el. <\/p>\n<\/div>\n<div class=\"col-9 \">\n<p> Ceci est un paragraphe de d\u00e9monstration plus complet, utile pour visualiser la lecture du contenu selon diff\u00e9rentes largeurs de colonne. <\/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>Deux tiers \/ Un tiers<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-8 \">\n<p> Ceci est un paragraphe de d\u00e9monstration plus complet, utile pour visualiser la lecture du contenu selon diff\u00e9rentes largeurs de colonne. <\/p>\n<\/div>\n<div class=\"col-4 \">\n<p> Voici un texte de d\u00e9monstration un peu plus long pour illustrer le rendu d\u2019un paragraphe dans une mise en page en colonnes. <\/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>Trois quarts \/ Un quart<\/h3>\n<p>\\n<div class=\"flex-element row flex-wrap \"><div class=\"col-9 \">\n<p> Ceci est un paragraphe de d\u00e9monstration plus complet, utile pour visualiser la lecture du contenu selon diff\u00e9rentes largeurs de colonne. <\/p>\n<\/div>\n<div class=\"col-3 \">\n<p> Ceci est un court paragraphe d\u2019exemple \u00e0 compl\u00e9ter selon vos besoins.<\/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>Deux colonnes \\n \\n Shortcode:[row][column col=\"6\"] Volutpat commodo sed egestas egestas fringilla p&#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-1015","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cndentalhospital.com\/index.php?rest_route=\/wp\/v2\/pages\/1015","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=1015"}],"version-history":[{"count":0,"href":"https:\/\/cndentalhospital.com\/index.php?rest_route=\/wp\/v2\/pages\/1015\/revisions"}],"wp:attachment":[{"href":"https:\/\/cndentalhospital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}