{"id":15812,"date":"2018-07-15T00:16:44","date_gmt":"2018-07-15T14:16:44","guid":{"rendered":"https:\/\/www.podfeet.com\/blog\/?p=15812"},"modified":"2020-12-28T21:51:48","modified_gmt":"2020-12-29T05:51:48","slug":"ccatp-555","status":"publish","type":"post","link":"https:\/\/www.podfeet.com\/blog\/2018\/07\/ccatp-555\/","title":{"rendered":"CCATP #555 &#8211; Bart Busschots on PBS 58 of X &#8211; Bootstrap Breakpoints"},"content":{"rendered":"<p>In this week&#8217;s installment of Programming By Stealth, Bart Busschots explains Bootstrap breakpoints.  Breakpoints allow the designer to define how a web page reacts depending on the size of the viewer&#8217;s screen.  He explains how through some very simple Bootstrap classes, we can allow a semantic tag to be in the &#8220;correct&#8221; order for screen readers and search engines, and yet have the layout be visually appropriate across all screen sizes.<\/p>\n<p>Follow along with Bart&#8217;s detailed tutorial shownotes at <a href=\"https:\/\/pbs.bartificer.net\/pbs58\" target=\"%5Fblank\" rel=\"noopener\">pbs.bartificer.net\/&#8230;<\/a><\/p>\n<audio class=\"wp-audio-shortcode\" id=\"audio-15812-1\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"https:\/\/media.blubrry.com\/nosillacast\/traffic.libsyn.com\/nosillacast\/CCATP_2018_07_14.mp3?_=1\" \/><a href=\"https:\/\/media.blubrry.com\/nosillacast\/traffic.libsyn.com\/nosillacast\/CCATP_2018_07_14.mp3\">https:\/\/media.blubrry.com\/nosillacast\/traffic.libsyn.com\/nosillacast\/CCATP_2018_07_14.mp3<\/a><\/audio>\n<p><a title=\"mp3 download\" href=\"https:\/\/media.blubrry.com\/nosillacast\/traffic.libsyn.com\/nosillacast\/CCATP_2018_07_14.mp3\" target=\"_blank\" rel=\"noopener noreferrer\">mp3 download<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this week&#8217;s installment of Programming By Stealth, Bart Busschots explains Bootstrap breakpoints. Breakpoints allow the designer to define how a web page reacts depending on the size of the viewer&#8217;s screen. He explains how through some very simple Bootstrap classes, we can allow a semantic tag to be in the &#8220;correct&#8221; order for screen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":13740,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[147,172,213],"tags":[2424,2679,271,185,120,2651],"class_list":["post-15812","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-posts","category-ccatp","category-programming-by-stealth","tag-bootstrap","tag-bootstrap-grid","tag-css","tag-html","tag-html5","tag-layout"],"jetpack_featured_media_url":"https:\/\/www.podfeet.com\/blog\/wp-content\/uploads\/2017\/12\/PBS_Logo-1-300x300.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts\/15812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/comments?post=15812"}],"version-history":[{"count":5,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts\/15812\/revisions"}],"predecessor-version":[{"id":22691,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts\/15812\/revisions\/22691"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/media\/13740"}],"wp:attachment":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/media?parent=15812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/categories?post=15812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/tags?post=15812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}