bootstrap tooltip does not work properly

Hello,
Please open this page
http://ec2-34-212-140-26.us-west-2.compute.amazonaws.com/admin/test/index
of bootstrap (v4.0.0-alpha.6) tooltip example.

In comparison with original page https://v4-alpha.getbootstrap.com/components/tooltips/ tooltip text are always visible at bottom and the first
button shows html tags, not rendering them, but it has
data-html="true"
property.

I call
$('[data-toggle="tooltip"]').tooltip()
and alert to be sure this is inited.


Why tooltip does not work in expected way?

can it be issue with current design ?

Thanks!

 

After some additive testing I found that with v4.0.0-alpha.6 there is some conflict with
js/jquery/jquery-ui.min.js, v1.12.1 - 2017-05-21

If to exclude js/jquery/jquery-ui.min.js conflict is off and toolbar works properly.


But actually I need jquery-ui.min.js for working of
jQuery-File-Upload-9.18.0, as it use jquery.ui.widget.js file.
That rauise some problems...


Any ideas?


P.S. I opened https://getbootstrap.com/ and do not see any any 4th branch?
I started new project with v4.0.0-alpha.6 several monthes ago...
???

Thanks!

 

You do understand the concept of "alpha"-releases, right? Never, ever use those in production environments. You use the latest stable release for such. Not that I have any idea if that will change anything in this case, I don't use Bootcrap at all, but it's regardless never a good idea to use unfinished / still in development / changes still happening content in production.

 

Yeah, the alpha part is probably bad, but so is mixing bootcrap with jquery. Might as well just play Russian roulette with a single barreled shotgun.

Though given tooltips are useless to mobile users, they're not really something to be wasting time on. If you "need" a tooltip more complex than what the title attribute offers, you're probably doing something WRONG!