{"version":"1.0","provider_name":"Bootstrap.Build","provider_url":"https:\/\/bootstrap.build\/articles","author_name":"Bootstrap","author_url":"https:\/\/bootstrap.build\/articles\/author\/bootstrap_ad\/","title":"Building Responsive Email Templates Using Bootstrap Principles - Bootstrap.Build","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"hjQ8G3MIpo\"><a href=\"https:\/\/bootstrap.build\/articles\/responsive-email-templates-gmail\/\">Building Responsive Email Templates Using Bootstrap Principles<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/bootstrap.build\/articles\/responsive-email-templates-gmail\/embed\/#?secret=hjQ8G3MIpo\" width=\"600\" height=\"338\" title=\"&#8220;Building Responsive Email Templates Using Bootstrap Principles&#8221; &#8212; Bootstrap.Build\" data-secret=\"hjQ8G3MIpo\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!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);\n\/\/# sourceURL=https:\/\/bootstrap.build\/articles\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/bootstrap.build\/articles\/wp-content\/uploads\/2025\/11\/image.png","thumbnail_width":1264,"thumbnail_height":786,"description":"Bootstrap is widely recognized for streamlining front-end development, but when it comes to email, the environment changes completely. Traditional Bootstrap grids and utilities don\u2019t translate directly to inbox clients such as Gmail or Outlook. However, the core principles of Bootstrap: modularity, responsiveness, and reusability\u2014remain just as powerful when building HTML email templates. By applying a [&hellip;]"}