如何反轉Bootstrap摺疊項目？

Question

我需要反轉Bootstrap崩潰項目 我使用Bootstrap啓動了一個rtl項目。並確保導航菜單項將被顛倒，因爲它將從右到左開始。 我該如何反轉它。

任何人都可以幫忙嗎？

Answer 1

你可以試着用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#

Answer 2

有一個叫酷主題爲「bootstrap- rtl「，它允許您正常使用bootstrap，同時處理所有」rtl「問題。我開始將它用於所有我的rtl（阿拉伯語）網站，它幫助了很多，而且使用起來非常簡單。你只需在包含bootstrap之後包含它的css文件即可。 你可以從下面的鏈接下載它。

bootstrap-rtl