{"id":4909,"date":"2021-08-06T12:59:20","date_gmt":"2021-08-06T12:59:20","guid":{"rendered":"https:\/\/www.bearloga.space\/?page_id=4909"},"modified":"2021-08-06T12:59:21","modified_gmt":"2021-08-06T12:59:21","slug":"bootstrap-4-grid-system","status":"publish","type":"page","link":"https:\/\/www.bearloga.space\/uk\/bootstrap-4-grid-system\/","title":{"rendered":"Bootstrap 4 \u2014 Grid System"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u0421\u0435\u0442\u043a\u0430 Bootstrap 4 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e\u00a0<a href=\"https:\/\/translate.googleusercontent.com\/translate_c?depth=1&amp;rurl=translate.google.ru&amp;sl=en&amp;sp=nmt4&amp;tl=ru&amp;u=https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/CSS_Flexible_Box_Layout\/Basic_Concepts_of_Flexbox&amp;xid=17259,15700022,15700186,15700190,15700256,15700259,15700262&amp;usg=ALkJrhg4k9DBZNykPaVdjNOoqhC4MJyzew\" target=\"_blank\" rel=\"noreferrer noopener\">flexbox,<\/a>\u00a0\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0440\u0435\u0430\u0433\u0438\u0440\u0443\u0435\u0442 \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0434\u043e 12 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 (\u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430), \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u043c\u0430\u043a\u0435\u0442 \u0441\u043e \u0441\u0442\u0440\u043e\u043a\u0430\u043c\u0438 \u0438 \u0441\u0442\u043e\u043b\u0431\u0446\u0430\u043c\u0438 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.\u00a0\u041e\u043d \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0433\u0438\u0431\u043a\u0443\u044e \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043f\u0435\u0440\u0432\u044b\u0445 \u0436\u0438\u0434\u043a\u043e\u0441\u0442\u043d\u044b\u0445 \u0441\u0435\u0442\u043e\u043a, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u0442 \u0441\u0442\u043e\u043b\u0431\u0446\u044b \u043f\u043e \u043c\u0435\u0440\u0435 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0438\u043b\u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0420\u0430\u0431\u043e\u0442\u0430 \u0433\u0440\u0438\u0434-\u0441\u0438\u0441\u0442\u0435\u043c\u044b<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>\u0421\u0442\u0440\u043e\u043a\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u044b \u0432 \u043a\u043b\u0430\u0441\u0441&nbsp;<em>.container<\/em>&nbsp;\u0434\u043b\u044f \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u044f \u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f.<\/li><li>\u0414\u043b\u044f \u0447\u0443\u0432\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0448\u0438\u0440\u0438\u043d\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u043b\u0430\u0441\u0441&nbsp;<em>.container,<\/em>&nbsp;\u0430 \u0434\u043b\u044f \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0448\u0438\u0440\u0438\u043d\u044b \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043e\u043a\u043d\u0443 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u043b\u0430\u0441\u0441&nbsp;<em>.container-liquid<\/em>&nbsp;.<\/li><li>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0441\u0442\u0440\u043e\u043a\u0438 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0433\u0440\u0443\u043f\u043f \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432.<\/li><li>\u0421\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u043e \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432, \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u044b \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c\u0438 \u043f\u043e\u0442\u043e\u043c\u043a\u0430\u043c\u0438 \u0441\u0442\u0440\u043e\u043a.<\/li><li>\u0421\u0442\u043e\u043b\u0431\u0446\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e\u043c \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438.<\/li><li>\u0415\u0441\u043b\u0438 \u0432\u044b \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0431\u043e\u043b\u0435\u0435 12 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 \u0432 \u0441\u0442\u0440\u043e\u043a\u0435, \u0441\u0442\u043e\u043b\u0431\u0446\u044b \u0431\u0443\u0434\u0443\u0442 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u044b \u0432 \u043d\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443.<\/li><li>\u0421\u0442\u043e\u043b\u0431\u0446\u044b \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043a\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f.&nbsp;\u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u043f\u043e\u043b\u044f \u0438\u0437 \u0441\u0442\u0440\u043e\u043a \u0438 \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0434\u043b\u044f \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 \u0441 \u043a\u043b\u0430\u0441\u0441\u043e\u043c&nbsp;<em>.no-gutters<\/em>&nbsp;\u0432 \u0441\u0442\u0440\u043e\u043a\u0435.<\/li><li>\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0441\u0435\u0442\u043a\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043f\u044f\u0442\u044c \u0442\u043e\u0447\u0435\u043a \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0430 \u0441\u0435\u0442\u043a\u0438, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a \u043e\u0447\u0435\u043d\u044c \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435, \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435, \u0441\u0440\u0435\u0434\u043d\u0438\u0435, \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0438 \u043e\u0447\u0435\u043d\u044c \u0431\u043e\u043b\u044c\u0448\u0438\u0435.<\/li><li>\u041f\u0440\u0435\u0434\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b \u0441\u0435\u0442\u043a\u0438, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a .col-4, \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u0441\u0435\u0442\u043a\u0438.&nbsp;\u041c\u0435\u043d\u044c\u0448\u0438\u0435 \u043c\u0438\u043a\u0441\u0438\u043d\u044b \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0431\u043e\u043b\u0435\u0435 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043c\u0430\u043a\u0435\u0442\u043e\u0432.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u0421\u0442\u0440\u043e\u043a\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u044b \u0432 \u043a\u043b\u0430\u0441\u0441&nbsp;<em>.container<\/em>&nbsp;\u0434\u043b\u044f \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u044f \u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0414\u043b\u044f \u0447\u0443\u0432\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0448\u0438\u0440\u0438\u043d\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u043b\u0430\u0441\u0441&nbsp;<em>.container,<\/em>&nbsp;\u0430 \u0434\u043b\u044f \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0448\u0438\u0440\u0438\u043d\u044b \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043e\u043a\u043d\u0443 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u043b\u0430\u0441\u0441&nbsp;<em>.container-liquid<\/em>&nbsp;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0441\u0442\u0440\u043e\u043a\u0438 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0433\u0440\u0443\u043f\u043f \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0421\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u043e \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432, \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u044b \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c\u0438 \u043f\u043e\u0442\u043e\u043c\u043a\u0430\u043c\u0438 \u0441\u0442\u0440\u043e\u043a.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0421\u0442\u043e\u043b\u0431\u0446\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e\u043c \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0415\u0441\u043b\u0438 \u0432\u044b \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0431\u043e\u043b\u0435\u0435 12 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 \u0432 \u0441\u0442\u0440\u043e\u043a\u0435, \u0441\u0442\u043e\u043b\u0431\u0446\u044b \u0431\u0443\u0434\u0443\u0442 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u044b \u0432 \u043d\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0421\u0442\u043e\u043b\u0431\u0446\u044b \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043a\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f.&nbsp;\u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u043f\u043e\u043b\u044f \u0438\u0437 \u0441\u0442\u0440\u043e\u043a \u0438 \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0434\u043b\u044f \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 \u0441 \u043a\u043b\u0430\u0441\u0441\u043e\u043c&nbsp;<em>.no-gutters<\/em>&nbsp;\u0432 \u0441\u0442\u0440\u043e\u043a\u0435.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0441\u0435\u0442\u043a\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043f\u044f\u0442\u044c \u0442\u043e\u0447\u0435\u043a \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0430 \u0441\u0435\u0442\u043a\u0438, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a \u043e\u0447\u0435\u043d\u044c \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435, \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435, \u0441\u0440\u0435\u0434\u043d\u0438\u0435, \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0438 \u043e\u0447\u0435\u043d\u044c \u0431\u043e\u043b\u044c\u0448\u0438\u0435.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u041f\u0440\u0435\u0434\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b \u0441\u0435\u0442\u043a\u0438, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a .col-4, \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u0441\u0435\u0442\u043a\u0438.&nbsp;\u041c\u0435\u043d\u044c\u0448\u0438\u0435 \u043c\u0438\u043a\u0441\u0438\u043d\u044b \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0431\u043e\u043b\u0435\u0435 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043c\u0430\u043a\u0435\u0442\u043e\u0432.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0441\u0435\u0442\u043a\u0438<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0412 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0442\u0430\u0431\u043b\u0438\u0446\u0435 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u044b \u0430\u0441\u043f\u0435\u043a\u0442\u044b \u0440\u0430\u0431\u043e\u0442\u044b \u0433\u0440\u0438\u0434-\u0441\u0438\u0441\u0442\u0435\u043c\u044b Bootstrap 4 \u043d\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u0445.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th><\/th><th>\u041e\u0447\u0435\u043d\u044c \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 (&lt;576 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439)<\/th><th>\u041c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 (\u2265576px)<\/th><th>\u0421\u0440\u0435\u0434\u043d\u0438\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 (\u2265768px)<\/th><th>\u0411\u043e\u043b\u044c\u0448\u0438\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 (\u2265992px)<\/th><th>\u041e\u0447\u0435\u043d\u044c \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 (\u22651200 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439)<\/th><\/tr><tr><td>\u041f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0441\u0435\u0442\u043a\u0438<\/td><td>\u0413\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e \u0432\u043e \u0432\u0441\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0430<\/td><td>\u0421\u0432\u0435\u0440\u043d\u0443\u0442\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c, \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e \u043d\u0430\u0434 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c\u043d\u044b\u043c\u0438 \u0442\u043e\u0447\u043a\u0430\u043c\u0438<\/td><td>\u0421\u0432\u0435\u0440\u043d\u0443\u0442\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c, \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e \u043d\u0430\u0434 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c\u043d\u044b\u043c\u0438 \u0442\u043e\u0447\u043a\u0430\u043c\u0438<\/td><td>\u0421\u0432\u0435\u0440\u043d\u0443\u0442\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c, \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e \u043d\u0430\u0434 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c\u043d\u044b\u043c\u0438 \u0442\u043e\u0447\u043a\u0430\u043c\u0438<\/td><td>\u0421\u0432\u0435\u0440\u043d\u0443\u0442\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c, \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e \u043d\u0430\u0434 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c\u043d\u044b\u043c\u0438 \u0442\u043e\u0447\u043a\u0430\u043c\u0438<\/td><\/tr><tr><td>\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0448\u0438\u0440\u0438\u043d\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430<\/td><td>\u041d\u0435\u0442 (\u0430\u0432\u0442\u043e)<\/td><td>540px<\/td><td>720px<\/td><td>960px<\/td><td>1140px<\/td><\/tr><tr><td>\u041a\u043b\u0430\u0441\u0441\u044b \u043a\u043b\u0430\u0441\u0441\u043e\u0432<\/td><td><strong>.col-<\/strong><\/td><td><strong>.col-SM-<\/strong><\/td><td><strong>.col-MD-<\/strong><\/td><td><strong>.col-LG-<\/strong><\/td><td><strong>.col-XL-<\/strong><\/td><\/tr><tr><td>\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432<\/td><td>12<\/td><td>12<\/td><td>12<\/td><td>12<\/td><td>12<\/td><\/tr><tr><td>\u0428\u0438\u0440\u0438\u043d\u0430 \u0436\u0435\u043b\u043e\u0431\u0430<\/td><td>30px(15 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u0430)<\/td><td>30px(15 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u0430)<\/td><td>30px(15 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u0430)<\/td><td>30px(15 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u0430)<\/td><td>30px(15 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u0430)<\/td><\/tr><tr><td>\u0412\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u043c\u044b\u0435<\/td><td>\u0434\u0430<\/td><td>\u0434\u0430<\/td><td>\u0434\u0430<\/td><td>\u0434\u0430<\/td><td>\u0434\u0430<\/td><\/tr><tr><td>\u041a\u043e\u043b\u043e\u043d\u043a\u0430 \u0437\u0430\u043a\u0430\u0437\u0430<\/td><td>\u0434\u0430<\/td><td>\u0434\u0430<\/td><td>\u0434\u0430<\/td><td>\u0434\u0430<\/td><td>\u0434\u0430<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">30px<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">(15 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u0430)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">30px<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">(15 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u0430)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">30px<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">(15 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u0430)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">30px<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">(15 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u0430)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">30px<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">(15 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u0430)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0435\u0442\u043a\u0438<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u041d\u0438\u0436\u0435 \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u0431\u0430\u0437\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0435\u0442\u043a\u0438 Bootstrap 4 \u2014<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;div class = \"container\"&gt;\n   &lt;div class = \"row\"&gt;\n      &lt;div class = \"col-*-*\"&gt;&lt;\/div&gt;\n      &lt;div class = \"col-*-*\"&gt;&lt;\/div&gt;\n   &lt;\/div&gt;\n   \n   &lt;div class = \"row\"&gt;\n      &lt;div class = \"col-*-*\"&gt;&lt;\/div&gt;\n      &lt;div class = \"col-*-*\"&gt;&lt;\/div&gt;\n      &lt;div class = \"col-*-*\"&gt;&lt;\/div&gt;\t  \n   &lt;\/div&gt;\n   \n   &lt;div class = \"row\"&gt;...&lt;\/div&gt;\n&lt;\/div&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u041f\u0440\u0438\u043c\u0435\u0440 \u0433\u0440\u0438\u0434-\u0441\u0438\u0441\u0442\u0435\u043c\u044b<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;html lang = \"en\">\r\n   &lt;head>\r\n      &lt;!-- Meta tags -->\r\n      &lt;meta charset = \"utf-8\">\r\n      &lt;meta name = \"viewport\" content = \"width = device-width, initial-scale = 1, shrink-to-fit = no\">\r\n      \r\n      &lt;!-- Bootstrap CSS -->\r\n      &lt;link rel = \" stylesheet\" href = \" https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.1.3\/css\/bootstrap.min.css\" \r\n         integrity = \"sha384-MCw98\/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO\"\r\n         crossorigin = \"anonymous\">\r\n      &lt;title>Bootstrap 4 Example&lt;\/title>\r\n   &lt;\/head>\r\n   \r\n   &lt;body>\r\n      &lt;div class = \"grid_system\">\r\n         &lt;div class = \"row\">\r\n            &lt;div class = \"col-sm-4\">.col-sm-4&lt;\/div>\r\n            &lt;div class = \"col-sm-4\">.col-sm-4&lt;\/div>\r\n            &lt;div class = \"col-sm-4\">.col-sm-4&lt;\/div>\r\n         &lt;\/div>\r\n         \r\n         &lt;div class = \"row\">\r\n            &lt;div class = \"col-sm-3\">.col-sm-3&lt;\/div>\r\n            &lt;div class = \"col-sm-4\">.col-sm-4&lt;\/div>\r\n            &lt;div class = \"col-sm-5\">.col-sm-5&lt;\/div>\r\n         &lt;\/div>\r\n         \r\n         &lt;div class = \"row\">\r\n            &lt;div class = \"col-sm-2\">.col-sm-2&lt;\/div>\r\n            &lt;div class = \"col-sm-8\">.col-sm-8&lt;\/div>\r\n            &lt;div class = \"col-sm-2\">.col-sm-2&lt;\/div>\r\n         &lt;\/div>\r\n\t\t\r\n         &lt;div class = \"row\">\r\n            &lt;div class = \"col-sm-2\">.col-sm-2&lt;\/div>\r\n            &lt;div class = \"col-sm-3\">.col-sm-3&lt;\/div>\r\n            &lt;div class = \"col-sm-7\">.col-sm-7&lt;\/div>\r\n         &lt;\/div>\r\n      &lt;\/div>\r\n      \r\n      &lt;!-- jQuery first, then Popper.js, then Bootstrap JS -->\r\n      &lt;script src = \"https:\/\/code.jquery.com\/jquery-3.3.1.slim.min.js\" \r\n         integrity = \"sha384-q8i\/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo\" \r\n         crossorigin = \"anonymous\">\r\n      &lt;\/script>\r\n      \r\n      &lt;script src = \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.14.3\/umd\/popper.min.js\" \r\n         integrity = \"sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK\/l8WvCWPIPm49\" \r\n         crossorigin = \"anonymous\">\r\n      &lt;\/script>\r\n      \r\n      &lt;script src = \"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.1.3\/js\/bootstrap.min.js\" \r\n         integrity = \"sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW\/JmZQ5stwEULTy\" \r\n         crossorigin = \"anonymous\">\r\n      &lt;\/script>\r\n      \r\n   &lt;\/body>\r\n&lt;\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u0421\u0435\u0442\u043a\u0430 Bootstrap 4 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e\u00a0flexbox,\u00a0\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0440\u0435\u0430\u0433\u0438\u0440\u0443\u0435\u0442 \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0434\u043e 12 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 (\u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430), \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u043c\u0430\u043a\u0435\u0442 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[155],"tags":[],"class_list":["post-4909","page","type-page","status-publish","hentry","category-bootstrap-4"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages\/4909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/comments?post=4909"}],"version-history":[{"count":0,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages\/4909\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/media?parent=4909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/categories?post=4909"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/tags?post=4909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}