Skip to main content
jamieh2os
jamieh2os
Known Participant
September 15, 2018
Answered

DW menu: New bootstrap css or existing ? Why are you asking ?

  • September 15, 2018
  • 4 replies
  • 914 views

Dreamweaver Experts, thanks for reading this and all your help in the past.  While making a new html page in DW the software asks me on the start menu: New bootstrap.css or Existing.css ?  Honestly, sometimes, I choose new and sometimes I choose existing across different Site folders not knowing what difference it makes.  Never seems to make a difference.  Now, choosing BS framework or not certainly does.  The reason why I’m confused by this question is because I thought Bootstrap4.css was read only and all subsequent styling is done inline or on attached css.  Seems like DW should be attaching the same BS4.css every time.  I looked this up on DW support and could not find the answer I was looking for:  thanks for your input.

This topic has been closed for replies.
Correct answer Nancy OShea

You now have a choice between Bootstrap versions 3 or 4.   They are different so you must understand how they differ and never combine them.

Bootstrap 3 uses floats and works well in older IE 8 - 9 browsers.

Bootstrap 4 uses modern CSS Flexbox and newer classes.  It does not work well in older browsers unless you create fallbacks.   See link below for details on the latest version of Bootstrap 4.1x

https://getbootstrap.com/

You can choose your preferred Bootstrap version  in Edit >  Preferences.  If Dreamweaver detects an older Bootstrap version in your local site folder, that's the one you will get.

4 replies

jamieh2os
jamieh2osAuthor
Known Participant
September 15, 2018

Thanks for your reply and link; I know they will be helpful.  Sorry I don’t mean to beleaguer this issue.  I just wanted to mention this.  I recall starting a page with Bootstrap 4 css.  Then, further on developing it; I used the DW insert menu to put in a Bootstrap row/column or responsive image not sure which now.  I got a message that a version of Bootstrap 3.7 was needed.  I just clicked ok and went on.  I don't recall loosing the ability to use the short-cut flex pt-3, mb-1 ect.  That is the extend of my ability with Bootstrap4 flex features for now. I just thought 3.7 and 4.0 Bootstraps were magically working together…..thanks

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
September 16, 2018

3.7 and 4.0 should not be mixed together.

To be honest, I hand code with Bootstrap.  Code hints and auto code completion are faster for me than insert panels.   I also use Snippets for navigation & components.

Nancy O'Shea— Product User & Community Expert
Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
September 15, 2018

I should also mention that DW doesn't know if you're creating a new project or adding more pages to an existing one.  So there may be times when you want new assets and times when you don't. 

You are correct about not editing Bootstrap's core files.   Power users often customize Bootstrap with SASS variables & maps.  https://getbootstrap.com/docs/4.0/getting-started/theming/   Once you get the hang of it, SASS saves a lot of time.   But if you're not up to that yet, it's a good idea to create a custom external stylesheet.

Nancy O'Shea— Product User & Community Expert
ALsp
ALsp
Legend
September 15, 2018

In addition to Nancy's great advice, there are other options for Dreamweaver users. It depends on how much automation you want and the quality of the code. PVII Harmony is a page layout tool in which you can completely manage and edit your page layout. Like Bootstrap 4, it uses Flexbox. Unlike Bootstrap, fallbacks for older browsers are handled automatically. This is all accomplished with about 10% of the code weight of Bootstrap. However, it is not free. But the payment is one-time and it includes free unlimited email, forum, and telephone support provided by actual developers based in the US and Europe.

PVIIHarmony Flexbox for Dreamweaver

Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
September 15, 2018

You now have a choice between Bootstrap versions 3 or 4.   They are different so you must understand how they differ and never combine them.

Bootstrap 3 uses floats and works well in older IE 8 - 9 browsers.

Bootstrap 4 uses modern CSS Flexbox and newer classes.  It does not work well in older browsers unless you create fallbacks.   See link below for details on the latest version of Bootstrap 4.1x

https://getbootstrap.com/

You can choose your preferred Bootstrap version  in Edit >  Preferences.  If Dreamweaver detects an older Bootstrap version in your local site folder, that's the one you will get.

Nancy O'Shea— Product User & Community Expert
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices