Bootstrap 如何反转引导程序折叠项?

roejwanj  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(2)|浏览(170)

我需要反转引导程序折叠项目我开始了一个rtl项目与引导程序。并肯定导航菜单项将被反转,因为它将开始从右到左。我怎么能反转它。

有人能帮忙吗?

ljsrvy3e

ljsrvy3e1#

你可以尝试用CSS来颠倒顺序。所以从this answer中提取并将其 Package 在媒体查询中,这样它就只适用于移动的大小:

@media (max-width: 767px) {
    ul.navbar-nav {
        transform: rotate(180deg);
    }
    ul.navbar-nav > li {
        transform: rotate(-180deg);
    }
}

下面是它的实际操作演示:http://www.bootply.com/xcbdwWMzkL#

bxpogfeg

bxpogfeg2#

有一个很酷的主题叫做"bootstrap-rtl",它可以让你正常使用bootstrap,同时它会处理所有的"rtl"问题。我开始在我所有的rtl(阿拉伯语)网站上使用它,它帮助很大,而且很容易使用。你只需要在包含bootstrap之后包含它的css文件,就这样。你可以从下面的链接下载它。
bootstrap-rtl

相关问题