{"id":16212,"date":"2018-08-30T10:37:41","date_gmt":"2018-08-30T17:37:41","guid":{"rendered":"https:\/\/www.podfeet.com\/blog\/?p=16212"},"modified":"2020-12-28T21:53:37","modified_gmt":"2020-12-29T05:53:37","slug":"ccatp-561","status":"publish","type":"post","link":"https:\/\/www.podfeet.com\/blog\/2018\/08\/ccatp-561\/","title":{"rendered":"CCATP #561 – Bart Busschots on PBS 61 of X \u2014 Bootstrap Jumbotrons & Badges"},"content":{"rendered":"

In this week’s installment, Bart explains how to create two simple Bootstrap components, the Jumbotron and badges. A Jumbotron is a show-case area at the top of a website’s front page that shouts out the site’s main message and usually has a call to action. Badges are the little bubbles next to titles or within buttons that contain extra information. Often they contain a number, such as number of unread messages, or a short phrase like “New!” or “Best Value”. It’s a pretty easy lesson and the homework looks fun too as we figure out how to add badges to count the number of open alert windows and add a Jumbotron to our work.<\/p>\n

You can get Bart’s full written tutorial at pbs.bartificer.net\/…<\/a><\/p>\nhttps:\/\/media.blubrry.com\/nosillacast\/traffic.libsyn.com\/nosillacast\/CCATP_2018_08_30.mp3<\/a><\/audio>\n

mp3 download<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

In this week’s installment, Bart explains how to create two simple Bootstrap components, the Jumbotron and badges. A Jumbotron is a show-case area at the top of a website’s front page that shouts out the site’s main message and usually has a call to action. Badges are the little bubbles next to titles or within […]<\/p>\n","protected":false},"author":1,"featured_media":16218,"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,271,185,1059,176,240],"class_list":["post-16212","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-posts","category-ccatp","category-programming-by-stealth","tag-bootstrap","tag-css","tag-html","tag-jquery","tag-programming","tag-programming-by-stealth"],"jetpack_featured_media_url":"https:\/\/www.podfeet.com\/blog\/wp-content\/uploads\/2018\/08\/PBS_logo-16-grey.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts\/16212","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=16212"}],"version-history":[{"count":5,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts\/16212\/revisions"}],"predecessor-version":[{"id":22694,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts\/16212\/revisions\/22694"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/media\/16218"}],"wp:attachment":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/media?parent=16212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/categories?post=16212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/tags?post=16212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}