Bootstrap - "component is not fully compatible with current bootstrap"

[Guest]

Everything was working great using Bootstrap 4. I had left my project for one week and when I returned, the navigation bar had reverted back to a simple text format. I tried to troubleshoot what happened and decided to delete the entire 'Navbar' (fixed to top) and start over. When I added the new 'Navbar' the following error came up:

"The component is not fully compatible with the current Bootstrap CSS/JS file (lower than v3.0). A new Bootstrap CSS/JS file will be created and linked from the document."

I was still unable to add a 'Navbar' with the styling it is supposed to have. I moved on to add a 'Grid Row With Column' and again the same error came up. I was also unable to see the Div unless I added text within it. Before I was at least able to see a blue border around the div with the ability to scale the columns in or out. After the error began this was also affected.

I have screenshots, if needed.

Please help!

[BenPleysier]

Make sure that you are in Live view and try again.

[Guest]

Yes, I have tried this with no success. I have tried a few things from forum posts with the same situation.

[BenPleysier]

I thought that I would try it myself and, as I thought, no problems.

If my Dreamweaver came with the problems that you are describing, then I would go through a list, namely

• site setup
• preferences
• cache file
• configuration folder
• Adobe cleaner tool

[Nancy OShea · Accepted solution]

Bootstrap version 3 is not compatible with version 4. 

You should  have only one reference to Bootstrap, Popper and jQuery. 

Also check your code for validation errors.

[Kratika Agarwal]

Hi,

Thanks for reporting. Could you please check that if you have used bootstrap.css in your file which is of version lower than 3.0.

Thanks