Reputation: 109
I am new to twitter bootstrap as well as with magento and I have a question,
I found this snippet of twitter bootstrap on http://wsnippets.com/create-mega-menu-navigation-bar-twitter-bootstrap-3-0/ and while I am trying to implement it in magento ( v.1.19) I fail. this is the fiddle:
> [http://jsfiddle.net/NHv35/6/][1]
.
Basically the problem is that after a click on a category the drop-down works but after i click elsewhere the div is removed, it adds an inline style display:none; . How can I go around it?
the stranger problem is that in fiddle it works but on my local machine it doesn't.
Please help, Thanks!
Upvotes: 2
Views: 1680
Reputation: 2837
this problem is because of prototype. js
. Check hide function in prototype.js, in this they have set display none on inline style.
follow this link to solve :
http://kk-medienreich.at/techblog/magento-bootstrap-integration-mit-prototype-framework/
Twitter Bootstrap 3 dropdown menu disappears when used with prototype.js
Upvotes: 2
Reputation: 227
Simply add <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
top of your document and enjoy :)
Upvotes: 0