{"id":155,"date":"2025-03-13T15:29:48","date_gmt":"2025-03-13T20:29:48","guid":{"rendered":"https:\/\/lumenbrite.com\/blog\/?p=155"},"modified":"2025-03-13T15:37:24","modified_gmt":"2025-03-13T20:37:24","slug":"create-websites-with-dreamweaver-bootstrap-using-sass","status":"publish","type":"post","link":"https:\/\/lumenbrite.com\/blog\/2025\/03\/13\/create-websites-with-dreamweaver-bootstrap-using-sass\/","title":{"rendered":"Create websites with Dreamweaver &amp; Bootstrap using SASS"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"448\" src=\"https:\/\/lumenbrite.com\/blog\/wp-content\/uploads\/2025\/03\/1_6Cso8MzpnCiGp8dqyjXlSQ-1024x448.webp\" alt=\"\" class=\"wp-image-156\" srcset=\"https:\/\/lumenbrite.com\/blog\/wp-content\/uploads\/2025\/03\/1_6Cso8MzpnCiGp8dqyjXlSQ-1024x448.webp 1024w, https:\/\/lumenbrite.com\/blog\/wp-content\/uploads\/2025\/03\/1_6Cso8MzpnCiGp8dqyjXlSQ-300x131.webp 300w, https:\/\/lumenbrite.com\/blog\/wp-content\/uploads\/2025\/03\/1_6Cso8MzpnCiGp8dqyjXlSQ-768x336.webp 768w, https:\/\/lumenbrite.com\/blog\/wp-content\/uploads\/2025\/03\/1_6Cso8MzpnCiGp8dqyjXlSQ.webp 1284w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Over the past few years I have taught training labs for web designers at Adobe MAX. This year (2019), I decided to go a bit deeper and introduce SASS in Bootstrap 4 to designers via Dreamweaver. Dreamweaver is geared up to be an all inclusive, one-stop web development application, but many of the more sophisticated features like SASS integration are a bit cloudy, so I created a video on how to install SASS. It is such a sexy, popular topic, I bet I\u2019ll break YouTube.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Setup Dreamweaver with Sass for Boostrap 4\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/XW9zAPdWnOQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p id=\"b672\">Bootstrap 4 is great for rapid responsive web design and SASS is cool too. SASS comes integrated into Bootstrap but many designers forego the technical setup and stick to traditional CSS coding. Using Dreamweaver, which Adobe modernized a few years ago, is an easy way to slide into SASS development without having to use Node, gulp, terminal, CSS precompiling with external tools etc, etc. if you don\u2019t want to. It is possible to get Dreamweaver setup to do all of this for you.<\/p>\n\n\n\n<p id=\"bf5c\">Get into SASS to unleash the fantastic power of all that Bootstrap has to offer including:<\/p>\n\n\n\n<p id=\"323d\">\u00b7 Gradients, Shadows, Animation<br>\u00b7 Responsive Font Sizing<br>\u00b7 Variables, Mixins, etc.<br>\u00b7 Create Themes<br>\u00b7 Access special features of Bootstrap<\/p>\n\n\n\n<p id=\"4447\">*If you are interested in having me lead a course for your company or team you can check out my course catalog here: <a href=\"https:\/\/lumenbrite.com\/\" rel=\"noreferrer noopener\" target=\"_blank\">https:\/\/lumenbrite.com<\/a>. We teach hands-on Adobe Digital Design Training courses that include <a href=\"https:\/\/lumenbrite.com\/adobe-training\/indesign-classes\/\" rel=\"noreferrer noopener\" target=\"_blank\">InDesign<\/a>, <a href=\"https:\/\/lumenbrite.com\/adobe-training\/photoshop-classes\/\" rel=\"noreferrer noopener\" target=\"_blank\">Photoshop<\/a>, <a href=\"https:\/\/lumenbrite.com\/adobe-training\/illustrator-classes\/\" rel=\"noreferrer noopener\" target=\"_blank\">Illustrator<\/a>, <a href=\"https:\/\/lumenbrite.com\/adobe-training\/after-effects-classes\/\" rel=\"noreferrer noopener\" target=\"_blank\">After Effects<\/a>, <a href=\"https:\/\/lumenbrite.com\/adobe-training\/premiere-pro-classes\/\" rel=\"noreferrer noopener\" target=\"_blank\">Premiere Pro<\/a>, and of course, <a href=\"https:\/\/lumenbrite.com\/adobe-training\/dreamweaver-classes\/\" rel=\"noreferrer noopener\" target=\"_blank\">Dreamweaver<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Over the past few years I have taught training labs for web designers at Adobe MAX. This year (2019), I decided to go a bit deeper and introduce SASS in Bootstrap 4 to designers via Dreamweaver. Dreamweaver is geared up to be an all inclusive, one-stop web development application, but many of the more sophisticated [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[23,24,20,27,22,21,26],"class_list":["post-155","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-bootstrap","tag-css","tag-dreamweaver","tag-front-end-design","tag-sass","tag-web-design","tag-web-development"],"_links":{"self":[{"href":"https:\/\/lumenbrite.com\/blog\/wp-json\/wp\/v2\/posts\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumenbrite.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lumenbrite.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lumenbrite.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/lumenbrite.com\/blog\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":2,"href":"https:\/\/lumenbrite.com\/blog\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":161,"href":"https:\/\/lumenbrite.com\/blog\/wp-json\/wp\/v2\/posts\/155\/revisions\/161"}],"wp:attachment":[{"href":"https:\/\/lumenbrite.com\/blog\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lumenbrite.com\/blog\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lumenbrite.com\/blog\/wp-json\/wp\/v2\/tags?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}