I finally resolved this problem.
I got it working.
There's an ordered sequence of how I should load Scriptaculous and Bootstrap js libraries.
It turns out I need to load the core Bootstrap js libraries in tag first before I load Scriptaculous js's!
Then I need to include jQuery.noConflict method as these two core libraries use jquery a lot so there's going to be some conflicts that will be occurred when writing jquery code.
After all that, it works fine from there!