Inspiring

Answered

Component is not fully compatible with the current Bootstrap - 2017

Forum|Forum|8 years ago
June 18, 2017
2 replies
1695 views

I noticed that I'm getting an error when I try to add a Bootstrap component and found out it was a conflict between another bootstrap.css that's from the Smartmenu Navbar. I need this for the mobile navigation menu.

When I remove the Smartmenu stylesheet I no longer get the error message:

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

Since both are linked via CDN, what's the best way to resolve this, should I find the differences between the 2 CSS files and add those to my custom CSS stylesheet then remove the Smartmenu CSS?

Brandon

This topic has been closed for replies.

Correct answer Nancy OShea

Thanks Ben. I'm still getting the error so I'm guessing it's a compatibility issue. I read that Jquery 3 isn't compatible with Bootstrap 3 so perhaps thats what's causing the Alert because I've included a version of Jquery that's higher than 1.9 but lower than 3 yet it still gives that message but thanks for all your help in this, I appreciate it!

Brandon

Smartmenu looks to be about 3-4 years behind.

I'm using BS 3.3.7 (the latest stable release) with jQuery 1.12, I also use integrity checks as it's recommended now.

</script>

Nancy

Nancy OShea

Community Expert

There was an update for SmartMenu v1.0.1 which contains some CSS bug fixes.

SmartMenus jQuery Website Menu Plugin » Blog

Nancy

Nancy O'Shea— Product User & Community Expert

BenPleysier

Community Expert

One way out of this is to have two menus, one Smartmenu and one Bootstrap menu. You can hide the menu that you do not want to appear in certain screen sizes.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

LGMTLAuthor

Inspiring

Thanks for your reply Ben. If I have both menus would I not still have the two CSS files? I'm trying to add Bootstrap components without getting the error above and the only way would be to remove the Smartmenu bootstrap css, my though was to use a diff tool to see what the differences are between the 2 then copy the difference to my custom CSS and just have one bootstrap.css file.

BenPleysier

Community Expert

Sure so basically Smartmenu is a Bootstrap addon to Boostrap Navbars, more info here:

SmartMenus jQuery Website Menu - Bootstrap Addon - Navbar

Here's the URL http://www.supremem.com/new_2017/navbar.html

You can find the 2 CSS files on line 3 and 5:

[PHP]  <link href="//netdna.bootstrapcdn.com/font- - Pastebin.com

It's kinda nice to have just one menu that works across all resolutions, but the issue I'm having is I can't add Bootstrap components without getting the error so I have to sort of write it in manually. Once I remove the Smartmenu Bootstrap CSS I no longer see the error but I still get the javascript alert so I'll have to deal with that one later as well.

Edit: Oh, and the reason I'm using Smartmenu is because I need submenus, the default Bootstrap navbar doesn't support it.

Brandon

Because Smartmenu is an addon to Bootstrap, you must first load Bootstrap CSS prior to loading Smartmenu CSS.

The JS files have been loaded in the correct order.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded