Quote:
Problem: On doing above implementation, normal content and controls which are in table change their direction RTL. However, controls in Bootstrap columns do not switch postions.
So basically it sounds like your detection and code are working perfectly fine; and what is not working is the Bootstrap.css file that you are using.
If that is the case; what I would do is research RTL support for Bootstrap
Google Search: Bootstrap rtl support[
^]
And see what is available. It does look like there are alternative stylesheets that can be used at least; and if that is the way you want to go you could just switch out which CSS is being used.