好吧,我正在浏览一些与RTL相关的博客和示例,并提供了下面的工作示例。
在这段代码转换选项是存在的,你可以尝试两种LTR和RTL上点击这个按钮 -
下面是它的工作代码。
// Jquery, BS3 & Awesome
$('#rtl-button').click(
function() {
var src = 'http://cdnjs.cloudflare.com/ajax/libs/bootstrap-rtl/3.2.0-rc2/css/bootstrap-rtl.min.css';
if ($(this).attr('data-direction') == 'ltr') {
$('head').append('');
$(this).attr('data-direction', 'rtl');
} else { // by default we load bootstrap-rtl
$('head link[href="' + src + '"]').remove();
$(this).attr('data-direction', 'ltr');
}
});
Testing bootstrap RTL css overwrite
希望这将帮助你:)