Bootstrap issue

I need some advice. I would like to include django_machina in my existing django application, which uses bootstrap.

I overrode board_base.html and included it in my app with custom header and sidebar. But if I include

{% block js %}
{{ block.super }}
<script src="{% static 'js/machina.packages.min.js' %}" type="text/javascript" charset="utf-8"></script>
<script src="{% static 'js/machina.min.js' %}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
  $(function() {
    machina.init();
    {% block onbodyload %}{% endblock onbodyload %}
  });
</script>
{% endblock js %}

dropdown menus stop working.

If I don’t include upper code it seems to me that everything works. But I don’t know if there will be any troubles because of machina.init() doesn’t run.

Can you give me some advice, what should I do.

Regards.

[BrendaH]

I also got an issue with bootstrap, though it is more in the lines of the css than the js.

My website uses Bootstrap as well, so I got a fancy little navbar on top. But the css that Machina includes messes with it. Trying to find all lines that Machina adds and that conflict (mostly in the vendor css) and overwriting it in my own css is quite bothersome. I am not really familiar with LESS, but is there perhaps a way to scope the Machina css to just Machina content? By for example applying it to everything inside a container (div) with class “machina-forum” or something?

And perhaps adding Machina-specific classes to very common things like a navbar with a collapsable div would be a good idea too. Since I ended up having 2 navbar menu’s and using the hamburger-icon on the second one operated the menu of the first one, since they both used the non-specific class navbar-collapse. It would make Machina easier to integrate in existing sites, I think.

Another question: which version of Bootstrap does Machina use and include? Because it seems that I have a different version in which the breakingpoints are different (and my navbar structure is a bit different). I now have a hamburger-icon (the toggler) and an expanded menu between 769 and 991 px viewport. :-s

[fcimeson]

I too am looking forward to the Bootstrap 4 compatible version. Is there a method for getting notified when it is ready?

Thanks