html 从左往右消失,从左到右语言写成从右到左html

本文介绍了如何使用jQuery和Bootstrap 3.2.0-rc2实现一个实时切换LTR(Right-to-Left)和RTL(Left-to-Right)样式的按钮,通过动态加载和移除CSS来切换导航布局。
摘要由CSDN通过智能技术生成

好吧,我正在浏览一些与RTL相关的博客和示例,并提供了下面的工作示例。

在这段代码转换选项是存在的,你可以尝试两种LTR和RTL上点击这个按钮 - 4ZMNr.png

下面是它的工作代码。

// 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

RTL

希望这将帮助你:)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值