好吧,我正在浏览一些与RTL相关的博客和示例,并提供了下面的工作示例。
在这段代码转换选项是存在的,你可以尝试两种LTR和RTL上点击这个按钮 -
下面是它的工作代码。
// Jquery, BS3 & Awesome
$('#rtl-button').click(
function() {
var src = '/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
Toggle navigation
Home
Welcome Contact usCareer
Submit
RTL
希望这将帮助你:)