{"id":20,"date":"2022-08-10T09:14:50","date_gmt":"2022-08-10T07:14:50","guid":{"rendered":"https:\/\/start.hu-ku.com\/master\/?page_id=20"},"modified":"2022-08-15T01:06:27","modified_gmt":"2022-08-14T23:06:27","slug":"formulare","status":"publish","type":"page","link":"https:\/\/start.hu-ku.com\/master\/formulare\/","title":{"rendered":"v2 Bootstrap-Gutter"},"content":{"rendered":"\n<p><i class=\"fa fa-info-circle me-1 text-primary\"><\/i> Alle Container-Layots sind unter <em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-orange-color\">&#8222;Vorlagen &#8211; Hupa-Bootstrap-Container&#8220;<\/mark><\/em> zu finden.<\/p>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer container-fullwidth placeholder-shadow\"><\/div>\n\n\n\n<div class=\"wp-container-16 wp-block-group container-fullwidth bg-danger pt-5\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-container-1 wp-block-group container\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"lh-1 mb-0 text-light\">Layout <span class=\"fw-light\">Vorlage:<\/span> <\/h3>\n\n\n\n<p class=\"text-light\"><strong>Bootsrap Fullwidth ROW Gutter mit Container<\/strong><\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-container-15 container-fullwidth bg-danger \"><div class=\"container row mx-auto row-cols-1 row-cols-xxl-6 row-cols-xl-4 row-cols-lg-3 row-cols-sm-2 g-2 g-xl-2 mt-3\"><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 1<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 1<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 1<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 1<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 1<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 1<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 1<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 1<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 1<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 1<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 1<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 1<\/small><\/p>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n<div class=\"wp-container-24 container-fullwidth bg-danger \"><div class=\"container row mx-auto row-cols-1 row-cols-xxl-3  row-cols-xl-3 row row-cols-lg-2 g-2 g-xl-2\"><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 2<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 2<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 2<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 2<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 2<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 2<\/small><\/p>\n<\/div><\/div><\/div>\n\n<div class=\"wp-container-30 container-fullwidth bg-danger pb-5\"><div class=\"container row mx-auto row-cols-1 row-cols-xl-2 row-cols-sm-1 g-2 g-xl-2 mb-3\"><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 3<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 3<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 3<\/small><\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-light lh-1\">Row column <br><small class=\"small-lg lh-1 m-0\">Gruppe 3<\/small><\/p>\n<\/div><\/div><\/div>\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"lh-1 mb-0\">Layout <span class=\"fw-light\">Vorlage:<\/span><\/h4>\n\n\n\n<p class=\"has-text-color\" style=\"color:#dc3545\"><strong>Bootsrap ROW-Gutter<\/strong><\/p>\n\n\n<div class=\"wp-container-36 hupa-group\"><div class=\"row row-cols-1 row-cols-xl-4 row-cols-lg-2 g-2\"><div class=\"col\">\n<p class=\"p-3 mb-0 border bg-light\">Row column<\/p>\n<\/div><div class=\"col\">\n<p class=\"p-3 mb-0 border bg-light\">Row column<\/p>\n<\/div><div class=\"col\">\n<p class=\"p-3 mb-0 border bg-light\">Row column<\/p>\n<\/div><div class=\"col \">\n<p class=\"p-3 mb-0 border bg-light\">Row column<\/p>\n<\/div><\/div><\/div>\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-container-37 wp-block-group container-fullwidth\"><div class=\"wp-block-group__inner-container\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity border-bottom-0\"\/>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<h4 class=\"lh-1 mb-0\">Layout <span class=\"fw-light\">Vorlage:<\/span><\/h4>\n\n\n\n<p class=\"has-text-color\" style=\"color:#dc3545\"><strong>Bootsrap Fullwidth ROW-Gutter<\/strong><\/p>\n\n\n<div class=\"wp-container-43 container-fullwidth bg-light py-5\"><div class=\"row row-cols-1 row-cols-xl-4 row-cols-lg-2 g-2\"><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-white\">Row column<\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-white\">Row column<\/p>\n<\/div><div class=\"col\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-white\">Row column<\/p>\n<\/div><div class=\"col \">\n<p class=\"has-text-align-center p-3 mb-0 border bg-white\">Row column<\/p>\n<\/div><\/div><\/div>\n\n\n<div class=\"wp-container-44 wp-block-group container-fullwidth\"><div class=\"wp-block-group__inner-container\">\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity border-bottom-0\"\/>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<h4 class=\"lh-1 mb-0\">Layout <span class=\"fw-light\">Vorlage:<\/span><\/h4>\n\n\n\n<p class=\"has-text-color\" style=\"color:#dc3545\"><strong>Bootsrap Fullwidth ROW-Gutter Inner-Container<\/strong><\/p>\n\n\n<div class=\"wp-container-50 container-fullwidth bg-light py-5\"><div class=\"container row mx-auto  g-2\"><div class=\"col-xxl-3 col-xl-4 col-lg-6 col-12 \">\n<p class=\"has-text-align-center p-3 mb-0 border bg-white\">Row column <\/p>\n<\/div><div class=\"col-xxl-3 col-xl-4 col-lg-6 col-12\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-white\">Row column<\/p>\n<\/div><div class=\"col-xxl-3 col-xl-4 col-lg-6 col-12\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-white\">Row column<\/p>\n<\/div><div class=\"col-xxl-3 col-xl-4 col-lg-6 col-12\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-white\">Row column<\/p>\n<\/div><\/div><\/div>\n\n\n<div class=\"wp-container-51 wp-block-group container-fullwidth\"><div class=\"wp-block-group__inner-container\">\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity border-bottom-0\"\/>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<h4 class=\"lh-1 mb-0\">Layout <span class=\"fw-light\">Vorlage:<\/span><\/h4>\n\n\n\n<p class=\"has-text-color\" style=\"color:#dc3545\"><strong>Bootsrap Flexbox<\/strong><\/p>\n\n\n<div class=\"wp-container-56 hupa-group\"><div class=\"d-flex flex-wrap\"><div class=\"col-xl-4 col-12\">\n<p class=\"p-3 mb-0 border bg-light\">Col 1 <\/p>\n<\/div><div class=\"col-xl-4 col-12\">\n<p class=\"p-3 mb-0 border bg-light\">Col 2<\/p>\n<\/div><div class=\"col-xl-4 col-12\">\n<p class=\"p-3 mb-0 border bg-light\">Col 3<\/p>\n<\/div><\/div><\/div>\n\n\n<div class=\"wp-container-57 wp-block-group container-fullwidth\"><div class=\"wp-block-group__inner-container\">\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity border-bottom-0\"\/>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<h4 class=\"lh-1 mb-0\">Layout <span class=\"fw-light\">Vorlage:<\/span><\/h4>\n\n\n\n<p class=\"has-text-color\" style=\"color:#dc3545\"><strong>Bootsrap Fullwidth Flexbox<\/strong><\/p>\n\n\n<div class=\"wp-container-62 container-fullwidth bg-light py-5\"><div class=\"d-flex flex-wrap\"><div class=\"col-xl-4 col-12\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-white\">Col 1 <\/p>\n<\/div><div class=\"col-xl-4 col-12\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-white\">Col 2<\/p>\n<\/div><div class=\"col-xl-4 col-12\">\n<p class=\"has-text-align-center p-3 mb-0 border bg-white\">Col 3<\/p>\n<\/div><\/div><\/div>\n\n\n<div class=\"wp-container-63 wp-block-group container-fullwidth\"><div class=\"wp-block-group__inner-container\">\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity border-bottom-0\"\/>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<h4 class=\"lh-1 mb-0\">Layout <span class=\"fw-light\">Vorlage:<\/span><\/h4>\n\n\n\n<p class=\"has-text-color\" style=\"color:#dc3545\"><strong>Bootsrap Fullwidth Flexbox Inner-Container<\/strong><\/p>\n\n\n<div class=\"wp-container-68 container-fullwidth bg-light py-5\"><div class=\"border-bottom-0\"><\/div><div class=\"d-flex flex-wrap container\"><div class=\"col-xl-4 col-12\">\n<p class=\"p-3 mb-0 border bg-white\">Col 1 <\/p>\n<\/div><div class=\"col-xl-4 col-12\">\n<p class=\"p-3 mb-0 border bg-white\">Col 2<\/p>\n<\/div><div class=\"col-xl-4 col-12\">\n<p class=\"p-3 mb-0 border bg-white\">Col 3<\/p>\n<\/div><\/div><\/div>\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-container-69 wp-block-group container-fullwidth\"><div class=\"wp-block-group__inner-container\">\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity border-bottom-0\"\/>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<h4 class=\"lh-1 mb-0\">Layout <span class=\"fw-light\">Vorlage:<\/span><\/h4>\n\n\n\n<p class=\"has-text-color\" style=\"color:#dc3545\"><strong>WordPress-Spalten mit Bootstrap-Container<\/strong> und Flexbox<\/p>\n\n\n<div data-remove-container=\"[hupa-theme-remove-container]\" class=\" row g-3\"><div class=\"wp-block-column col-xl-4 col-12\">\n<p class=\"p-3 border bg-light\">Bootsrap Row<\/p>\n<\/div><div class=\"wp-block-column col-xl-4 col-12\">\n<p class=\"p-3 border bg-light\">Bootsrap Row<\/p>\n<\/div><div class=\"wp-block-column col-xl-4 col-12\">\n<p class=\"p-3 border bg-light\">Bootsrap Row<\/p>\n<\/div><\/div>\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-container-74 wp-block-group container-fullwidth\"><div class=\"wp-block-group__inner-container\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity border-bottom-0\"\/>\n<\/div><\/div>\n\n\n\n<div class=\"wp-container-75 wp-block-group container-fullwidth\"><div class=\"wp-block-group__inner-container\">\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<h4 class=\"lh-1 mb-0\">Layout <span class=\"fw-light\">Vorlage:<\/span><\/h4>\n\n\n\n<p class=\"has-text-color\" style=\"color:#dc3545\"><strong>Bootsrap shadow<\/strong><\/p>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer container-fullwidth placeholder-shadow\"><\/div>\n\n\n\n<div class=\"wp-container-76 wp-block-group container-fullwidth\"><div class=\"wp-block-group__inner-container\">\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity border-bottom-0\"\/>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<h4 class=\"lh-1 mb-0\">Layout <span class=\"fw-light\">Vorlage:<\/span><\/h4>\n\n\n\n<p class=\"has-text-color\" style=\"color:#dc3545\"><strong>Bootsrap shadow reverse<\/strong><\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer container-fullwidth placeholder-shadow-reverse\"><\/div>\n\n\n\n<div class=\"wp-container-77 wp-block-group container-fullwidth\"><div class=\"wp-block-group__inner-container\">\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity border-bottom-0\"\/>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<h4 class=\"lh-1 mb-0\">Layout <span class=\"fw-light\">Vorlage:<\/span><\/h4>\n\n\n\n<p class=\"has-text-color\" style=\"color:#dc3545\"><strong>Bootsrap Fullwidth Flexbox Inner-Container BG 50\/50<\/strong><\/p>\n\n\n<div class=\"wp-container-81 container-fullwidth bg-half\"><div class=\"d-flex flex-wrap container\"><div class=\"col-xl-6 col-12\">\n<p class=\"mb-0 text-white py-5 px-2\">Use&nbsp;align-items&nbsp;utilities on flexbox containers to change the alignment of flex items on the cross axis (the y-axis to start, x-axis if&nbsp;flex-direction: column). Choose  rom&nbsp;start,&nbsp;end,&nbsp;center,&nbsp;baseline, or&nbsp;stretch&nbsp;(browser default).<\/p>\n<\/div><div class=\"col-xl-6 col-12\">\n<p class=\"py-5 mb-0 px-2\">Col 2<\/p>\n<\/div><\/div><\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Alle Container-Layots sind unter &#8222;Vorlagen &#8211; Hupa-Bootstrap-Container&#8220; zu finden. Layout Vorlage: Bootsrap Fullwidth ROW Gutter mit Container Row column Gruppe 1 Row column Gruppe 1 Row column Gruppe 1 Row column Gruppe 1 Row column Gruppe 1 Row column Gruppe 1 Row column Gruppe 1 Row column Gruppe 1 Row column Gruppe 1 Row column [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_hupa_show_title":true,"_hupa_custom_title":"Bootstrap container, rows und flexbox","_hupa_title_css":"fs-5 mb-0","_hupa_select_menu":1,"_hupa_select_sidebar":1,"_hupa_show_social_media":false,"_hupa_select_social_type":0,"_hupa_select_social_color":0,"_hupa_social_media_css":"","_hupa_select_handy_menu":1,"_hupa_select_top_area":1,"_hupa_show_bottom_footer":true,"_hupa_show_top_footer":false,"_hupa_show_widgets_footer":false,"_hupa_sticky_widgets_footer":1,"_hupa_select_header":0,"_hupa_select_container":0,"_hupa_top_area_container":0,"_hupa_main_container":0,"_hupa_select_footer":0,"_hupa_show_menu":true,"_hupa_show_custom_url":false,"_hupa_beitragsbild_url":""},"_links":{"self":[{"href":"https:\/\/start.hu-ku.com\/master\/wp-json\/wp\/v2\/pages\/20"}],"collection":[{"href":"https:\/\/start.hu-ku.com\/master\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/start.hu-ku.com\/master\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/start.hu-ku.com\/master\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/start.hu-ku.com\/master\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":120,"href":"https:\/\/start.hu-ku.com\/master\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":300,"href":"https:\/\/start.hu-ku.com\/master\/wp-json\/wp\/v2\/pages\/20\/revisions\/300"}],"wp:attachment":[{"href":"https:\/\/start.hu-ku.com\/master\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}