{"id":319,"date":"2022-12-01T14:01:31","date_gmt":"2022-12-01T19:01:31","guid":{"rendered":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/?p=319"},"modified":"2022-12-04T15:35:13","modified_gmt":"2022-12-04T20:35:13","slug":"3-reasons-why-you-learn-bootstrap","status":"publish","type":"post","link":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/web-development\/3-reasons-why-you-learn-bootstrap\/","title":{"rendered":"3 Reasons Why You Should Learn Bootstrap?"},"content":{"rendered":"\n<p class=\"has-drop-cap wp-block-paragraph\">I recently took a class that required me to learn bootstrap. I have heard of Bootstrap but didn&#8217;t know what it is. I completed a Bootstrap training course, and I thought this is a game-changer. Building websites can take a long time. Also, websites today require things like responsiveness and accessibility. Websites need to adjust according to the numerous devices out there. This will take even longer. But this is where Bootstrap comes in. The time it will take to create websites is cut in half. Hence why it is a game-changer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">What is Bootstrap? It is a CSS framework to build responsive and mobile websites. It is extremely popular. It works by adding class names to the opening HTML tags, and the bootstrap pre-build CSS file will automatically provide the style. An example of bootstrap is <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p class=\"fs-4 text-center\"&gt;This is so fetched!&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><br>The fs-4 class name will make the font size of the paragraph bigger and align it center. Without bootstrap, you will have to create the style yourself.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So why should you learn bootstrap? As I have said before, it saves you so much time. Also, it ensures that your web pages are responsive across all devices. No need to make media queries yourself. Lastly, bootstrap comes with numerous templates that are free and easy to download. So instead of making a website from scratch with\/without bootstrap, you can download a pre-made template and add what you want.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To get started with bootstrap, <a href=\"https:\/\/www.w3schools.com\/bootstrap5\/index.php\" target=\"_blank\" rel=\"noopener\" title=\"\">click here<\/a>.<br>To check out Bootstrap&#8217;s template, <a href=\"https:\/\/startbootstrap.com\/?showAngular=false&amp;showVue=false&amp;showPro=false\" target=\"_blank\" rel=\"noopener\" title=\"\">click here<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Let&#8217;s Be Social!<\/p>\n\n\n\n<ul class=\"wp-block-social-links has-icon-color is-style-logos-only is-content-justification-center is-layout-flex wp-container-core-social-links-is-layout-fe48e5de wp-block-social-links-is-layout-flex\"><li style=\"color:#0693e3\" class=\"wp-social-link wp-social-link-twitter has-vivid-cyan-blue-color wp-block-social-link\"><a href=\"http:\/\/facebook.com\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Twitter<\/span><\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>I recently took a class that required me to learn bootstrap. I have heard of Bootstrap but didn&#8217;t know what it is. I completed a Bootstrap&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":360,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false,"footnotes":""},"categories":[26],"tags":[24,8,25],"class_list":["post-319","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","tag-bootstrap","tag-css","tag-web-develoment"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/wp-json\/wp\/v2\/posts\/319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/wp-json\/wp\/v2\/comments?post=319"}],"version-history":[{"count":4,"href":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/wp-json\/wp\/v2\/posts\/319\/revisions"}],"predecessor-version":[{"id":358,"href":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/wp-json\/wp\/v2\/posts\/319\/revisions\/358"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/wp-json\/wp\/v2\/media\/360"}],"wp:attachment":[{"href":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/wp-json\/wp\/v2\/media?parent=319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/wp-json\/wp\/v2\/categories?post=319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wcet.waketech.edu\/daberrien\/WEB250\/wordpress\/wp-json\/wp\/v2\/tags?post=319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}