{"id":1480,"date":"2020-02-14T11:56:16","date_gmt":"2020-02-14T16:56:16","guid":{"rendered":"http:\/\/newmediaproduction.mynmi.net\/?page_id=1480"},"modified":"2022-01-15T02:47:12","modified_gmt":"2022-01-15T02:47:12","slug":"customizing-bootstrap","status":"publish","type":"page","link":"https:\/\/nmi.cool\/web\/customizing-bootstrap\/","title":{"rendered":"Customizing Bootstrap"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1533\" src=\"https:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/3\/2020\/02\/photo-1481729379561-01e43a3e1ed4-scaled-1.jpeg\" alt=\"Yellow boots\" class=\"wp-image-1481\" srcset=\"https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/02\/photo-1481729379561-01e43a3e1ed4-scaled-1.jpeg 2560w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/02\/photo-1481729379561-01e43a3e1ed4-scaled-1-300x180.jpeg 300w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/02\/photo-1481729379561-01e43a3e1ed4-scaled-1-1024x613.jpeg 1024w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/02\/photo-1481729379561-01e43a3e1ed4-scaled-1-768x460.jpeg 768w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/02\/photo-1481729379561-01e43a3e1ed4-scaled-1-1536x920.jpeg 1536w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/02\/photo-1481729379561-01e43a3e1ed4-scaled-1-2048x1226.jpeg 2048w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/02\/photo-1481729379561-01e43a3e1ed4-scaled-1-1568x939.jpeg 1568w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><figcaption>Photo by <a href=\"https:\/\/unsplash.com\/photos\/H6HNYGsyeKQ\">Noah Buscher<\/a><\/figcaption><\/figure>\n\n\n\n<p>Thus far in the semester, to edit the CSS for a site you&#8217;ve been working on, you, um, edit your CSS. Seriously: you just open up your <code>style.css<\/code> in VS Code and start typing away.<\/p>\n\n\n\n<p>With Bootstrap, however, things are a little different. By definition, using Bootstrap means building a site that already has a 10,000-plus-line bootstrap.css file. What&#8217;s a beginning front-end web developer to do?<\/p>\n\n\n\n<p>Thankfully, the solution is actually quite simple, and it&#8217;s laid out for you in this fantastic article: <a href=\"https:\/\/bootstrapbay.com\/blog\/customize-bootstrap\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">How to Customize the Default Bootstrap Style, the Right Way<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Thus far in the semester, to edit the CSS for a site you&#8217;ve been working on, you, um, edit your CSS. Seriously: you just open up your style.css in VS Code and start typing away. With Bootstrap, however, things are a little different. By definition, using Bootstrap means building a site that already has a &hellip; <a href=\"https:\/\/nmi.cool\/web\/customizing-bootstrap\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Customizing Bootstrap<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1480","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/pages\/1480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/comments?post=1480"}],"version-history":[{"count":1,"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/pages\/1480\/revisions"}],"predecessor-version":[{"id":3274,"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/pages\/1480\/revisions\/3274"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/media?parent=1480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}