{"id":31530,"date":"2022-01-01T07:24:58","date_gmt":"2022-01-01T07:24:58","guid":{"rendered":"https:\/\/webartdevelopers.com\/blog\/?p=31530"},"modified":"2022-01-01T07:37:53","modified_gmt":"2022-01-01T07:37:53","slug":"fullscreen-bootstrap-modal","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/fullscreen-bootstrap-modal\/","title":{"rendered":"FULLSCREEN BOOTSTRAP MODAL"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>Author:<\/em><\/span><\/strong><\/h4>\n\n\n\n<ul><li>Nathan Cooper<\/li><li>October 27, 2014<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>Made with:<\/em><\/span><\/strong><\/h4>\n\n\n\n<ul><li>HTML \/ CSS \/ JS<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>About the code:<\/em><\/span><\/strong><\/h4>\n\n\n\n<p>This is an amazing and cool fullscreen modal created using Bootstrap. The modal features fixed header, content, and footer sections. The idea is to use this on small mobile devices to avoid competing with scrolling on the body.<\/p>\n\n\n\n<p><strong><em>Compatible browsers:<\/em><\/strong> Chrome, Edge, Firefox, Opera, Safari<\/p>\n\n\n\n<p><strong><em>Responsive:<\/em><\/strong> Yes<\/p>\n\n\n\n<p><strong><em>Dependencies:<\/em><\/strong> animate.css, jquery.js<\/p>\n\n\n\n<p><strong><em>Bootstrap version:<\/em><\/strong> 3.2.0<\/p>\n\n\n<a href=\"https:\/\/codepen.io\/nathancooper\/share\/zip\/IwGfs\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n\n\n<a href=\"https:\/\/codepen.io\/nathancooper\/pen\/IwGfs\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo and Code<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Author: Nathan Cooper October 27, 2014 Made with: HTML \/ CSS \/ JS About the code: This is an amazing and cool fullscreen modal created using Bootstrap. The modal features fixed header, content, and footer sections. The idea is to use this on small mobile devices to avoid competing with scrolling on the body. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: Yes Dependencies: animate.css, jquery.js Bootstrap version: 3.2.0<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":31531,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8651],"tags":[4304,8658,8683,1758,8088],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/31530"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=31530"}],"version-history":[{"count":1,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/31530\/revisions"}],"predecessor-version":[{"id":31532,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/31530\/revisions\/31532"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/31531"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=31530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=31530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=31530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}