{"id":1446,"date":"2020-02-11T10:14:39","date_gmt":"2020-02-11T15:14:39","guid":{"rendered":"http:\/\/newmediaproduction.mynmi.net\/?page_id=1446"},"modified":"2025-06-19T18:25:41","modified_gmt":"2025-06-19T18:25:41","slug":"bootstrap-starter-template","status":"publish","type":"page","link":"https:\/\/nmi.cool\/webdev\/bootstrap-starter-template\/","title":{"rendered":"Bootstrap Starter Template"},"content":{"rendered":"\n<p>In order to take advantage of Bootstrap&#8217;s key functions, you need to use the Bootstrap starter template for new Bootstrap projects. This is because the starter template links key Bootstrap CSS and JavaScript files. <\/p>\n\n\n\n<p>To copy and paste the handy starter template below visit <a aria-label=\"getbootstrap.com (opens in a new tab)\" href=\"https:\/\/getbootstrap.com\" target=\"_blank\" rel=\"noreferrer noopener\">getbootstrap.com<\/a>, click &#8220;Read the Docs&#8221; and follow the first three steps to use the Bootstrap Starter Template. You will need the additional &lt;script&gt; links. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"907\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/09\/Screenshot-2024-09-18-at-9.47.54\u202fPM-1024x907.png\" alt=\"Bootstrap starter template\" class=\"wp-image-5820\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/09\/Screenshot-2024-09-18-at-9.47.54\u202fPM-1024x907.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/09\/Screenshot-2024-09-18-at-9.47.54\u202fPM-300x266.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/09\/Screenshot-2024-09-18-at-9.47.54\u202fPM-768x680.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/09\/Screenshot-2024-09-18-at-9.47.54\u202fPM-1536x1361.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/09\/Screenshot-2024-09-18-at-9.47.54\u202fPM.png 1628w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Get Started! <\/h2>\n\n\n\n<p>To get started in Bootstrap, simply open Visual Studio Code, and open a new HTML file. Save the file just like you normally would. <\/p>\n\n\n\n<p>There&#8217;s no need to add the HTML Boilerplate, because the Bootstrap Starter Template will take care of that for you! <\/p>\n\n\n\n<p>Copy and paste the <a href=\"https:\/\/getbootstrap.com\/docs\/5.3\/getting-started\/introduction\/\" data-type=\"link\" data-id=\"https:\/\/getbootstrap.com\/docs\/5.3\/getting-started\/introduction\/\">starter template from the Bootstrap<\/a> website into your HTML document. Save your file and you are ready to start creating your own Bootstrap webpage! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>In order to take advantage of Bootstrap&#8217;s key functions, you need to use the Bootstrap starter template for new Bootstrap projects. This is because the starter template links key Bootstrap CSS and JavaScript files. To copy and paste the handy starter template below visit getbootstrap.com, click &#8220;Read the Docs&#8221; and follow the first three steps [&hellip;]<\/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-1446","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/1446","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/comments?post=1446"}],"version-history":[{"count":3,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/1446\/revisions"}],"predecessor-version":[{"id":6167,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/1446\/revisions\/6167"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/media?parent=1446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}