{"id":3212,"date":"2018-04-21T07:27:44","date_gmt":"2018-04-21T07:27:44","guid":{"rendered":"http:\/\/pariswells.com\/blog\/?p=3212"},"modified":"2018-04-21T07:27:44","modified_gmt":"2018-04-21T07:27:44","slug":"learning-bootstrap-4-0","status":"publish","type":"post","link":"https:\/\/pariswells.com\/blog\/training\/learning-bootstrap-4-0","title":{"rendered":"Learning Bootstrap 4.0"},"content":{"rendered":"<p>Recently found a really cool site :\u00a0<a href=\"https:\/\/scrimba.com\/\">https:\/\/scrimba.com\/<\/a> for learning how to code new languages and thought I would share my notes\u00a0<\/p><h2>Tables<\/h2><p>12 Columns width by default needs to be divisible by this<\/p><p>Small Screen : Width 6 : col-sm-6<\/p><p>Medium Screen : Width 3 : col-md-3<\/p><p>Can be classed together e.g.\u00a0col-sm-3 and\u00a0col-sm-6\u00a0<\/p><h2>Modal<\/h2><p>\u00a0is a popup box with a greyed out background using Java<\/p><p id=\"eoCVytf\"><img loading=\"lazy\" decoding=\"async\" width=\"942\" height=\"482\" class=\"alignnone size-full wp-image-3215  img-responsive\" src=\"http:\/\/pariswells.com\/blog\/wp-content\/uploads\/2018\/04\/img_5adae2e17508e.png\" alt=\"\" srcset=\"https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2018\/04\/img_5adae2e17508e.png 942w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2018\/04\/img_5adae2e17508e-300x154.png 300w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2018\/04\/img_5adae2e17508e-768x393.png 768w\" sizes=\"auto, (max-width: 942px) 100vw, 942px\" \/><\/p><h2>List groups<\/h2><p id=\"ueVQNvK\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"237\" class=\"alignnone size-full wp-image-3214  img-responsive\" src=\"http:\/\/pariswells.com\/blog\/wp-content\/uploads\/2018\/04\/img_5adae2b0a0ae9.png\" alt=\"\" srcset=\"https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2018\/04\/img_5adae2b0a0ae9.png 788w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2018\/04\/img_5adae2b0a0ae9-300x90.png 300w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2018\/04\/img_5adae2b0a0ae9-768x231.png 768w\" sizes=\"auto, (max-width: 788px) 100vw, 788px\" \/><\/p><p>for notifications e.g. number Message waiting or special offiers<\/p><h2>Nav Tabs\u00a0<\/h2><p id=\"sxWsVKG\"><img loading=\"lazy\" decoding=\"async\" width=\"839\" height=\"147\" class=\"alignnone size-full wp-image-3213  img-responsive\" src=\"http:\/\/pariswells.com\/blog\/wp-content\/uploads\/2018\/04\/img_5adae2846e908.png\" alt=\"\" srcset=\"https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2018\/04\/img_5adae2846e908.png 839w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2018\/04\/img_5adae2846e908-300x53.png 300w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2018\/04\/img_5adae2846e908-768x135.png 768w\" sizes=\"auto, (max-width: 839px) 100vw, 839px\" \/><\/p><p>Great for Grouping content on a single page instead of navigation, uses Ajax to display real-time<\/p>","protected":false},"excerpt":{"rendered":"<p>Recently found a really cool site :\u00a0https:\/\/scrimba.com\/ for learning how to code new languages and thought I would share my notes\u00a0Tables12 Columns width by default needs to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2411],"tags":[2413,2412,2418,2415,2416,2414,2417],"class_list":["post-3212","post","type-post","status-publish","format-standard","hentry","category-training","tag-2413","tag-bootstrap","tag-learning","tag-list-groups","tag-modals","tag-nav-tabs","tag-training"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts\/3212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/comments?post=3212"}],"version-history":[{"count":1,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts\/3212\/revisions"}],"predecessor-version":[{"id":3216,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts\/3212\/revisions\/3216"}],"wp:attachment":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/media?parent=3212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/categories?post=3212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/tags?post=3212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}