How to load jQuery UI after bootstrap js files? I'm a newbie to drupal 7, And I'm facing a conflict between jquery.ui.button.js and bootstrap/button.js because jquery ui is loaded before bootstrap.
How can I change the order and load jquery ui last?

Knowing that bootstrap files are loaded by the theme, and jQuery UI is loaded by the module (jquery_update)
There are a couple of ways in Drupal 7 to control load/execution order.  The simplest is to change the module weight in the system table to get the right order.  Unfortunately, this will not work in this case since there is a module and theme involved.  Themes always get executed after modules (so UI changes are ensured to happen and not be overwritten).

This means you will probably have to write some code in order to modify the load order.  In your [theme.module] file, you will need to implement the Drupal hook: hook_js_alter.  E.g. add a function my_theme_js_alter(&amp;$javascript) to the theme module file.

You will probably need to install devel and use dpm to dump the javascript array.  You can then use this information to rearrange the load order as you need it.  Probably just unset the jquery_ui entry and add it to the array at the bottom.