How to use boostrap tooltip instead of jquery tooltip ?

I want to use the original, positional and with arrows bootstrap tooltips.

With Bootstrap Studio you cant(!). They are overriden by those of jquery.

One solution would be to do the following:

<script type="application/javascript" src="/js/jquery.js"></script>
<script type="application/javascript" src="/js/jquery-ui.js"></script>
/*** Handle jQuery plugin naming conflict between jQuery UI and Bootstrap ***/
$.widget.bridge('uibutton', $.ui.button);
$.widget.bridge('uitooltip', $.ui.tooltip);
<script type="application/javascript" src="/js/bootstrap.js"></script>

Sadly you can't insert any kind of code in between the autmatics script include.

And because the script are automatically appended at the end of body and you can't remove the default one, you cant use default code for that either.

For now I have downloaded a custom version of jquery without the buttons or tooltip included, but this mean you have to stick to "official" versions of jquery and can't switch theme as easily

Elaborate on what you mean by "original" tooltips. If you're trying to use an older version of them then yes it's not going to play nice together as BSS is not on the older versions it's on 3.3.7 at this time.