{"id":20445,"date":"2020-10-12T13:40:44","date_gmt":"2020-10-12T11:40:44","guid":{"rendered":"https:\/\/www.websupport.sk\/blog\/?p=20445"},"modified":"2025-03-11T21:07:48","modified_gmt":"2025-03-11T20:07:48","slug":"bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni","status":"publish","type":"post","link":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/","title":{"rendered":"Bootstrap 5 je \u201ez polovice\u201c vonku. \u010co z\u00e1sadn\u00e9 sa men\u00ed?"},"content":{"rendered":"Doba \u010d\u00edtania:<\/b><\/span> 5<\/span> min.<\/span><\/span>\n

Pre\u010do z polovice? Hovor\u00edme o alpha verzii Bootstrap 5 a v\u0161etci dobre vieme, \u017ee je skvel\u00e9 vysk\u00fa\u0161a\u0165 si nov\u00e9 veci \u201emedzi prv\u00fdmi\u201c, ale s ich nasadzovan\u00edm do nov\u00fdch projektov sa pon\u00e1h\u013ea\u0165 netreba. Okrem toho, \u017ee m\u00f4\u017eu ch\u00fdba\u0165 r\u00f4zne funkcionality, niektor\u00e9 existuj\u00face sa do sol\u00eddnej beta verzie zmesti\u0165 nemusia. M\u00f4\u017eeme ale s ve\u013ekou istotou poveda\u0165, \u017ee v5 prech\u00e1dza v\u00fdraznou zmenou na strane UX, aj na tej pou\u017e\u00edvate\u013eskej. Na webe na v\u00e1s \u201emrkne\u201c nov\u00e9 logo, upraven\u00e1 \u0161\u00edrka str\u00e1nky, letter spacing <\/em>alebo line height<\/em> pre lep\u0161iu \u010ditate\u013enos\u0165, pr\u00edpadne zmenen\u00fd sidebar pre lep\u0161iu navig\u00e1ciu. Ve\u013emi pr\u00edjemn\u00e9ho \u201efaceliftu\u201c a nov\u00fdch funkci\u00ed sa do\u010dkala rozsiahla dokument\u00e1cia.<\/p>\n\n\n\n

jQuery a JavaScript<\/strong><\/h2>\n\n\n\n

Asi najz\u00e1sadnej\u0161\u00edmi zmenami s\u00fa zbavenie sa z\u00e1vislosti na jQuery \u2013 to u\u017e ofici\u00e1lne v Bootstrap 5 nen\u00e1jdete a \u010fal\u0161ie JavaScriptov\u00e9 zmeny, aby bol v\u00e1\u0161 prechod z v4 na v5 \u010do najhlad\u0161\u00ed. T\u00fdch bolo v \u010dase p\u00edsania tohto \u010dl\u00e1nku 85 a v\u0161etky n\u00e1jdete tu<\/a>. Aj ke\u010f sa v\u00fdvoj\u00e1rska verejnos\u0165 ned\u00e1vno do\u010dkala nov\u00e9ho jQuery releasu, tvorcovia Bootstrapu sa z celkom objekt\u00edvnych d\u00f4vodov rozhodli jQuery \u201e\u00faplne\u201c zru\u0161i\u0165. V\u00fdsledkom tohto kroku by malo by\u0165 zdokonalenie dvoch ve\u013emi podstatn\u00fdch parametrov – men\u0161ia ve\u013ekos\u0165 Bootstrapu a jeho vy\u0161\u0161ia r\u00fdchlos\u0165 na\u010d\u00edtania. jQuery sa ale na\u010falej pou\u017e\u00edva a je pr\u00edtomn\u00e9 v existuj\u00facich projektoch. Preto ak ho v5 objav\u00ed v objekte window, prid\u00e1 v\u0161etky komponenty aj vo verzii pre jQuery.<\/p>\n\n\n\n

Koniec podpory pre Microsoft Internet Explorer<\/strong><\/h2>\n\n\n\n

\u010eal\u0161ou zmenou je ukon\u010denie podpory pre Explorer. To nakoniec nie je ve\u013ek\u00fdm prekvapen\u00edm. Samotn\u00fd Microsoft ho u\u017e nieko\u013eko rokov nepodporuje a z verejne dostupn\u00fdch zdrojov je zn\u00e1me, \u017ee jeho pou\u017e\u00edvate\u013enos\u0165 je glob\u00e1lne pod 1 %.<\/p>\n\n\n\n

CSS custom properties<\/strong><\/h2>\n\n\n\n

Pr\u00e1ve v\u010faka tomu, \u017ee dal Bootstrap zbohom Exploreru, za\u010dal pou\u017e\u00edva\u0165 CSS custom properties v\u00a0\u0161ir\u0161om rozsahu. Tie sme s\u00edce ako root variables <\/em>mohli n\u00e1js\u0165 u\u017e vo verzii \u010d\u00edslo 4, no boli vytvoren\u00e9 len pre farby a\u00a0fonty. V\u00a0Bootstrap 5 ich n\u00e1jdete aj v\u00a0komponentoch alebo v\u00a0mo\u017enostiach rozlo\u017eenia. S\u00fa\u010das\u0165ou zmeny by malo by\u0165 zapracovanie SASS premenn\u00fdch do CSS<\/a> properties bez nutnosti skompilovania k\u00f3du do CSS. Na ofici\u00e1lnom blogu sa uv\u00e1dza pr\u00edklad na tabu\u013eke.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Vylep\u0161en\u00e1 dokument\u00e1cia, farby a mo\u017enosti roz\u0161irovania Bootstrap 5<\/strong><\/h2>\n\n\n\n

V Boostrape sa pozreli aj na UX ich webu, \u010do sa odzrkadlilo na vylep\u0161en\u00ed dokument\u00e1cie hne\u010f na nieko\u013ek\u00fdch miestach. Pribudlo detailnej\u0161ie vysvetlenie, odstr\u00e1nili sa nejasnosti a m\u00e4t\u00face info a zv\u00e4\u010d\u0161ila sa podpora pre roz\u0161irovanie Bootstrapu. V\u0161etko o roz\u0161irovan\u00ed za\u010d\u00edna v \u201eCustomize sections\u201c<\/a>, kde n\u00e1jdete tie\u017e viac u\u017eito\u010dn\u00e9ho obsahu „ako na to“, pr\u00edpadne \u0161abl\u00f3nu \u0161tartovacieho npm projektu.<\/a> Roz\u0161\u00edrenia sa do\u010dkala aj paleta farieb a jej kontrastn\u00e1 metrika, v\u010faka \u010domu si teraz \u013eah\u0161ie prisp\u00f4sob\u00edte vzh\u013ead v\u00e1\u0161ho webu alebo apky. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Formul\u00e1re a ich ovl\u00e1dacie prvky<\/strong><\/h2>\n\n\n\n

Kompletnou zmenou prejd\u00fa aj formul\u00e1re, resp. komponenty a ich dokument\u00e1cia. V\u0161etky ich \u0161t\u00fdly sa zl\u00fa\u010dili do novej sekcie. Zmenou pre\u0161li aj ovl\u00e1dacie prvky formul\u00e1rov – checkboxy, switche, radio alebo file elementy. Ka\u017ed\u00fd prvok m\u00e1 vlastn\u00fd vzh\u013ead, ktor\u00fd zjednocuje \u0161t\u00fdl a jeho funkcionalitu naprie\u010d r\u00f4znymi prehliada\u010dmi a opera\u010dn\u00fdmi syst\u00e9mami. Prisp\u00f4sobovanie ich vzh\u013eadu by malo by\u0165 jednoduch\u0161ie.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Vylep\u0161en\u00fd Grid syst\u00e9m<\/strong><\/h2>\n\n\n\n

Pod slovom \u201evylep\u0161en\u00fd\u201c si predstavte nadstavbu toho existuj\u00faceho, ktor\u00fd pozn\u00e1te z v4. \u010co je teda nov\u00e9? Pridal sa nov\u00fd grid stupe\u0148 pre obrazovky s ve\u013ekos\u0165ou v\u00e4\u010d\u0161ou ako 1400px. Gutter triedy, ktor\u00e9 sa pou\u017e\u00edvaj\u00fa na prisp\u00f4sobovanie medzier v grid syst\u00e9me, boli nahraden\u00e9 .g* utilitami a maj\u00fa nov\u00e9 ozna\u010denie .gx-* pre horizont\u00e1lne gutters, respekt\u00edve .gy-* pre vertik\u00e1lne. Pr\u00edpadne len .g-*, ak chcete kontrolova\u0165 oboje naraz. T\u00fdmto sp\u00f4sobom je mo\u017en\u00e9 ich jednoducho nastavova\u0165, podobne ako napr\u00edklad padding alebo margin. Kompletn\u00e9 vysvetlenie pou\u017e\u00edvania a z\u00e1pisu vylep\u0161en\u00e9ho grid syst\u00e9mu a jeho modifikovania n\u00e1jdete tu<\/a>.<\/p>\n\n\n\n

Utilities API<\/strong><\/h2>\n\n\n\n

Ako sme spomenuli v Grid syst\u00e9me, utilities sa pou\u017e\u00edvaj\u00fa na prisp\u00f4sobovanie alebo menenie parametrov jednotliv\u00fdch elementov. S\u00fa to vo svojej podstate CSS triedy s preddefinovan\u00fdmi hodnotami. Ak sme v minulosti potrebovali nastavi\u0165 in\u00fa hodnotu, ako je defaultne v t\u00fdchto class-och zadefinovan\u00e1, museli sme bu\u010f vytvori\u0165 nov\u00fd class a pomocou neho defaultn\u00fa hodnotu prep\u00edsa\u0165, pr\u00edpadne editova\u0165 t\u00fa konkr\u00e9tnu v s\u00fabore premenn\u00fdch. Nov\u00e1 verzia Bootstrapu pon\u00faka ove\u013ea jednoduch\u0161\u00ed sp\u00f4sob, ako vytvori\u0165 a prida\u0165 nov\u00e9 utility k t\u00fdm existuj\u00facim, pr\u00edpadne ako ich meni\u0165. Vyu\u017e\u00edva sa na to SASS n\u00e1stroj. <\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Takto v\u00e1m vznikn\u00fa nov\u00e9 classy .w-40 a .w-60, ktor\u00e9 automaticky nastavia atrib\u00fat width na zadefinovan\u00fa \u0161\u00edrku.<\/p>\n\n\n\n

Bootstrap Icons<\/strong><\/h2>\n\n\n\n

S \u010fal\u0161ou verziou Bootstrapu prich\u00e1dza aj nov\u0161ia verzia Bootstrap Icons, ktor\u00e1 \u0161tandardne pon\u00faka na v\u00fdber z viac ako tis\u00edc ikon, no t\u00e1to prin\u00e1\u0161a kopec nov\u00fdch ikon a e\u0161te v\u00e4\u010d\u0161\u00ed kopec star\u00fdch upraven\u00fdch a preroben\u00fdch. Tvorcovia sa pohrali s ich ve\u013ekos\u0165ou a zdokonalili icon processing script<\/em> na \u010d\u00edtanie viewBox <\/em>dimenzi\u00ed ka\u017ed\u00e9ho SVG zvl\u00e1\u0161\u0165. Pridal sa nov\u00fd SVG Sprite<\/em>. T\u00e1to funkcionalita umo\u017e\u0148uje naprie\u010d va\u0161\u00edm projektom efekt\u00edvne pou\u017e\u00edva\u0165 ikony bez toho, aby ste museli vklada\u0165 cel\u00e9 HTML aj s SVG zdrojov\u00fdm k\u00f3dom.<\/p>\n\n\n\n

Takto to vyzer\u00e1 v novom \u0161ate:<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"

Pre\u010do z polovice? Hovor\u00edme o alpha verzii Bootstrap 5 a v\u0161etci dobre vieme, \u017ee je skvel\u00e9 vysk\u00fa\u0161a\u0165 si nov\u00e9 veci \u201emedzi prv\u00fdmi\u201c, ale s ich nasadzovan\u00edm do nov\u00fdch projektov sa pon\u00e1h\u013ea\u0165 netreba. Okrem toho, \u017ee m\u00f4\u017eu ch\u00fdba\u0165 r\u00f4zne funkcionality, niektor\u00e9 existuj\u00face sa do sol\u00eddnej beta verzie zmesti\u0165 nemusia. M\u00f4\u017eeme ale s ve\u013ekou istotou poveda\u0165, \u017ee v5 prech\u00e1dza v\u00fdraznou zmenou na strane UX, […]<\/p>\n","protected":false},"author":151,"featured_media":21048,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,7],"tags":[2394,2400,175,2409,2406,392,398,2403,895,2397],"class_list":["post-20445","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-novinky","category-technologie","tag-bootstrap","tag-bootstrap-5","tag-css","tag-explorer","tag-grid","tag-javascript","tag-jquery","tag-svg","tag-ux","tag-verzia-5"],"yoast_head":"\nBootstrap 5 je \u201ez polovice\u201c vonku. \u010co z\u00e1sadn\u00e9 sa men\u00ed? - Websupport blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/\" \/>\n<meta property=\"og:locale\" content=\"sk_SK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bootstrap 5 je \u201ez polovice\u201c vonku. \u010co z\u00e1sadn\u00e9 sa men\u00ed? - Websupport blog\" \/>\n<meta property=\"og:description\" content=\"Pre\u010do z polovice? Hovor\u00edme o alpha verzii Bootstrap 5 a v\u0161etci dobre vieme, \u017ee je skvel\u00e9 vysk\u00fa\u0161a\u0165 si nov\u00e9 veci \u201emedzi prv\u00fdmi\u201c, ale s ich nasadzovan\u00edm do nov\u00fdch projektov sa pon\u00e1h\u013ea\u0165 netreba. Okrem toho, \u017ee m\u00f4\u017eu ch\u00fdba\u0165 r\u00f4zne funkcionality, niektor\u00e9 existuj\u00face sa do sol\u00eddnej beta verzie zmesti\u0165 nemusia. M\u00f4\u017eeme ale s ve\u013ekou istotou poveda\u0165, \u017ee v5 prech\u00e1dza v\u00fdraznou zmenou na strane UX, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/\" \/>\n<meta property=\"og:site_name\" content=\"Websupport blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-12T11:40:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-11T20:07:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/BP-Bootstrap5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vlado Zaic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Autor\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vlado Zaic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Predpokladan\u00fd \u010das \u010d\u00edtania\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 min\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/\"},\"author\":{\"name\":\"Vlado Zaic\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/person\\\/beb61a1cbe9b898152cd9a916d90a7b8\"},\"headline\":\"Bootstrap 5 je \u201ez polovice\u201c vonku. \u010co z\u00e1sadn\u00e9 sa men\u00ed?\",\"datePublished\":\"2020-10-12T11:40:44+00:00\",\"dateModified\":\"2025-03-11T20:07:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/\"},\"wordCount\":1028,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2020\\\/08\\\/BP-Bootstrap5.jpg\",\"keywords\":[\"bootstrap\",\"bootstrap 5\",\"css\",\"explorer\",\"grid\",\"javascript\",\"jquery\",\"svg\",\"ux\",\"verzia 5\"],\"articleSection\":[\"Novinky\",\"Technol\u00f3gie\"],\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/\",\"name\":\"Bootstrap 5 je \u201ez polovice\u201c vonku. \u010co z\u00e1sadn\u00e9 sa men\u00ed? - Websupport blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2020\\\/08\\\/BP-Bootstrap5.jpg\",\"datePublished\":\"2020-10-12T11:40:44+00:00\",\"dateModified\":\"2025-03-11T20:07:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/#breadcrumb\"},\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2020\\\/08\\\/BP-Bootstrap5.jpg\",\"contentUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2020\\\/08\\\/BP-Bootstrap5.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bootstrap 5 je \u201ez polovice\u201c vonku. \u010co z\u00e1sadn\u00e9 sa men\u00ed?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\",\"name\":\"Websupport blog\",\"description\":\"Websupport blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sk-SK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\",\"name\":\"Websupport\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2021\\\/08\\\/websupport-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2021\\\/08\\\/websupport-logo.svg\",\"width\":153,\"height\":48,\"caption\":\"Websupport\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/person\\\/beb61a1cbe9b898152cd9a916d90a7b8\",\"name\":\"Vlado Zaic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2c362e6f631f835bf8fe92f9c61ab602f49d22f762f9c45229b1dc73b0316aee?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2c362e6f631f835bf8fe92f9c61ab602f49d22f762f9c45229b1dc73b0316aee?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2c362e6f631f835bf8fe92f9c61ab602f49d22f762f9c45229b1dc73b0316aee?s=96&d=mm&r=g\",\"caption\":\"Vlado Zaic\"},\"description\":\"Konten\u0165\u00e1k, ktor\u00fd a\u017e po rokoch zistil, \u017ee m\u00e1 celkom bl\u00edzko k marketingu. P\u00e4\u0165 rokov zodpovedn\u00fd za obsahov\u00fa \u010das\u0165 najv\u00e4\u010d\u0161ieho kari\u00e9rneho podujatia na Slovensku a v \u010cech\u00e1ch. Cit\u00e1t Wayna Gretzkeho \\\"You miss 100% of the shots you don't take\\\" bol pre\u0148ho life-changing...\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/author\\\/vlado\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bootstrap 5 je \u201ez polovice\u201c vonku. \u010co z\u00e1sadn\u00e9 sa men\u00ed? - Websupport blog","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:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/","og_locale":"sk_SK","og_type":"article","og_title":"Bootstrap 5 je \u201ez polovice\u201c vonku. \u010co z\u00e1sadn\u00e9 sa men\u00ed? - Websupport blog","og_description":"Pre\u010do z polovice? Hovor\u00edme o alpha verzii Bootstrap 5 a v\u0161etci dobre vieme, \u017ee je skvel\u00e9 vysk\u00fa\u0161a\u0165 si nov\u00e9 veci \u201emedzi prv\u00fdmi\u201c, ale s ich nasadzovan\u00edm do nov\u00fdch projektov sa pon\u00e1h\u013ea\u0165 netreba. Okrem toho, \u017ee m\u00f4\u017eu ch\u00fdba\u0165 r\u00f4zne funkcionality, niektor\u00e9 existuj\u00face sa do sol\u00eddnej beta verzie zmesti\u0165 nemusia. M\u00f4\u017eeme ale s ve\u013ekou istotou poveda\u0165, \u017ee v5 prech\u00e1dza v\u00fdraznou zmenou na strane UX, […]","og_url":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/","og_site_name":"Websupport blog","article_published_time":"2020-10-12T11:40:44+00:00","article_modified_time":"2025-03-11T20:07:48+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/BP-Bootstrap5.jpg","type":"image\/jpeg"}],"author":"Vlado Zaic","twitter_card":"summary_large_image","twitter_misc":{"Autor":"Vlado Zaic","Predpokladan\u00fd \u010das \u010d\u00edtania":"6 min\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/#article","isPartOf":{"@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/"},"author":{"name":"Vlado Zaic","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/person\/beb61a1cbe9b898152cd9a916d90a7b8"},"headline":"Bootstrap 5 je \u201ez polovice\u201c vonku. \u010co z\u00e1sadn\u00e9 sa men\u00ed?","datePublished":"2020-10-12T11:40:44+00:00","dateModified":"2025-03-11T20:07:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/"},"wordCount":1028,"commentCount":0,"publisher":{"@id":"https:\/\/www.websupport.sk\/blog\/#organization"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/BP-Bootstrap5.jpg","keywords":["bootstrap","bootstrap 5","css","explorer","grid","javascript","jquery","svg","ux","verzia 5"],"articleSection":["Novinky","Technol\u00f3gie"],"inLanguage":"sk-SK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/","url":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/","name":"Bootstrap 5 je \u201ez polovice\u201c vonku. \u010co z\u00e1sadn\u00e9 sa men\u00ed? - Websupport blog","isPartOf":{"@id":"https:\/\/www.websupport.sk\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/#primaryimage"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/BP-Bootstrap5.jpg","datePublished":"2020-10-12T11:40:44+00:00","dateModified":"2025-03-11T20:07:48+00:00","breadcrumb":{"@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/#breadcrumb"},"inLanguage":"sk-SK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/"]}]},{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/#primaryimage","url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/BP-Bootstrap5.jpg","contentUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/BP-Bootstrap5.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/bootstrap-5-je-z-polovice-vonku-co-zasadne-sa-meni\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.websupport.sk\/blog\/"},{"@type":"ListItem","position":2,"name":"Bootstrap 5 je \u201ez polovice\u201c vonku. \u010co z\u00e1sadn\u00e9 sa men\u00ed?"}]},{"@type":"WebSite","@id":"https:\/\/www.websupport.sk\/blog\/#website","url":"https:\/\/www.websupport.sk\/blog\/","name":"Websupport blog","description":"Websupport blog","publisher":{"@id":"https:\/\/www.websupport.sk\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.websupport.sk\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sk-SK"},{"@type":"Organization","@id":"https:\/\/www.websupport.sk\/blog\/#organization","name":"Websupport","url":"https:\/\/www.websupport.sk\/blog\/","logo":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2021\/08\/websupport-logo.svg","contentUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2021\/08\/websupport-logo.svg","width":153,"height":48,"caption":"Websupport"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/person\/beb61a1cbe9b898152cd9a916d90a7b8","name":"Vlado Zaic","image":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/secure.gravatar.com\/avatar\/2c362e6f631f835bf8fe92f9c61ab602f49d22f762f9c45229b1dc73b0316aee?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2c362e6f631f835bf8fe92f9c61ab602f49d22f762f9c45229b1dc73b0316aee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2c362e6f631f835bf8fe92f9c61ab602f49d22f762f9c45229b1dc73b0316aee?s=96&d=mm&r=g","caption":"Vlado Zaic"},"description":"Konten\u0165\u00e1k, ktor\u00fd a\u017e po rokoch zistil, \u017ee m\u00e1 celkom bl\u00edzko k marketingu. P\u00e4\u0165 rokov zodpovedn\u00fd za obsahov\u00fa \u010das\u0165 najv\u00e4\u010d\u0161ieho kari\u00e9rneho podujatia na Slovensku a v \u010cech\u00e1ch. Cit\u00e1t Wayna Gretzkeho \"You miss 100% of the shots you don't take\" bol pre\u0148ho life-changing...","url":"https:\/\/www.websupport.sk\/blog\/author\/vlado\/"}]}},"_links":{"self":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/20445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/users\/151"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/comments?post=20445"}],"version-history":[{"count":5,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/20445\/revisions"}],"predecessor-version":[{"id":30662,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/20445\/revisions\/30662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/media\/21048"}],"wp:attachment":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/media?parent=20445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/categories?post=20445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/tags?post=20445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}