0

Javascript embedding breaks page elements

beam andrew 5 years ago updated 5 years ago 2

When I use the javascript method of embedding on my page, many elements break. For instance, I have a foundation orbit element that scrolls pictures, like this:

https://foundation.zurb.com/sites/docs/orbit.html

but when I embed bibbase using javascript they appear as vertically stacked images. When I use the iframe method, this doesn't happen. 

Any suggestions on how to fix this?

BibBase uses Bootstrap and I suspect Foundation just doesn't like to coexist with Bootstrap. Their respective CSS definitions probably get into each others way. Sorry, I don't think there is an easy way to resolve this. If you can make your page work with Bootstrap rather than Foundation, then that would probably work. But other UI frameworks seem to play nicely with Bootstrap as well.

Thanks for the quick response. That's a bummer, because my site is based on foundation and I'd love to use bibbase.