1.0CopyCat Bloghttps://www.copycat.dev/blogUncle Big Bayhttps://www.copycat.dev/blog/author/uncle-big-bay/How to Get Started with Bootstrap Alert - CopyCat Blogrich600338<blockquote class="wp-embedded-content" data-secret="u5Ziseba4a"><a href="https://www.copycat.dev/blog/bootstrap-alert/">How to Get Started with Bootstrap Alert</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.copycat.dev/blog/bootstrap-alert/embed/#?secret=u5Ziseba4a" width="600" height="338" title="“How to Get Started with Bootstrap Alert” — CopyCat Blog" data-secret="u5Ziseba4a" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); /* ]]> */ </script> https://www.copycat.dev/blog/wp-content/uploads/2022/12/bootstrap-alert.png22401260In this article, we will look at what bootstrap alert is, its proper behavior, and how it provides contextual feedback messages to the user.
This XML file does not appear to have any style information associated with it. The document tree is shown below.
<oembed>
<version>1.0</version>
<provider_name>CopyCat Blog</provider_name>
<provider_url>https://www.copycat.dev/blog</provider_url>
<author_name>Uncle Big Bay</author_name>
<author_url>https://www.copycat.dev/blog/author/uncle-big-bay/</author_url>
<title>How to Get Started with Bootstrap Alert - CopyCat Blog</title>
<type>rich</type>
<width>600</width>
<height>338</height>
<html><blockquote class="wp-embedded-content" data-secret="u5Ziseba4a"><a href="https://www.copycat.dev/blog/bootstrap-alert/">How to Get Started with Bootstrap Alert</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.copycat.dev/blog/bootstrap-alert/embed/#?secret=u5Ziseba4a" width="600" height="338" title="“How to Get Started with Bootstrap Alert” — CopyCat Blog" data-secret="u5Ziseba4a" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); /* ]]> */ </script> </html>
<thumbnail_url>https://www.copycat.dev/blog/wp-content/uploads/2022/12/bootstrap-alert.png</thumbnail_url>
<thumbnail_width>2240</thumbnail_width>
<thumbnail_height>1260</thumbnail_height>
<description>In this article, we will look at what bootstrap alert is, its proper behavior, and how it provides contextual feedback messages to the user.</description>
</oembed>