如何反转 Bootstrap 折叠项目?
how to reverse Bootstrap Collapse items?
我需要撤销 Bootstrap 折叠项目
我用 Bootstrap 开始了一个 rtl 项目。并且可以肯定的是,导航菜单项将被颠倒,因为它将从右到左开始。
我怎样才能扭转它。
有人可以帮忙吗?
您可以尝试使用 CSS 颠倒顺序。所以从 this answer 中获取并将其包装在媒体查询中,因此它仅适用于移动尺寸:
@media (max-width: 767px) {
ul.navbar-nav {
transform: rotate(180deg);
}
ul.navbar-nav > li {
transform: rotate(-180deg);
}
}
这是它的实际演示:
http://www.bootply.com/xcbdwWMzkL#
有一个很酷的主题,叫做 "bootstrap-rtl",它可以让您正常使用 bootstrap,同时解决所有 "rtl" 问题。我开始在我所有的 rtl(阿拉伯语)网站上使用它,它很有帮助,而且非常易于使用。您只需在包含 bootstrap 之后包含它的 css 文件即可。
您可以从下面的 link 下载它。
我需要撤销 Bootstrap 折叠项目 我用 Bootstrap 开始了一个 rtl 项目。并且可以肯定的是,导航菜单项将被颠倒,因为它将从右到左开始。 我怎样才能扭转它。
有人可以帮忙吗?
您可以尝试使用 CSS 颠倒顺序。所以从 this answer 中获取并将其包装在媒体查询中,因此它仅适用于移动尺寸:
@media (max-width: 767px) {
ul.navbar-nav {
transform: rotate(180deg);
}
ul.navbar-nav > li {
transform: rotate(-180deg);
}
}
这是它的实际演示: http://www.bootply.com/xcbdwWMzkL#
有一个很酷的主题,叫做 "bootstrap-rtl",它可以让您正常使用 bootstrap,同时解决所有 "rtl" 问题。我开始在我所有的 rtl(阿拉伯语)网站上使用它,它很有帮助,而且非常易于使用。您只需在包含 bootstrap 之后包含它的 css 文件即可。 您可以从下面的 link 下载它。