如何在 Bootstrap 3.x 中實現從右到左 (RTL) 支援？

在Twitter Bootstrap 3 中加入從右到左(RTL) 支援

儘管之前有關於RTL 相容性的詢問，但解決方案主要集中在引導程式2.x。本文解決了在 Bootstrap 3.x forrabbit (RTL) 專案中實現 RTL 支援的具體挑戰。

RTL 支援解決方案

在Bootstrap 中實現RTL 支援從3.x 開始，有兩個主要選項可用：

1. Bootstrap-RTL：

   • 強烈推薦，因為它建構在Bootstrap 的核心之上，而加入RTL 支援作為主題。
   • 透過允許更新核心 Bootstrap 檔案來提供維護優勢。
   • CDN 連結：[Bootstrap-CDN](https://cdnjs.cloudflare.com/ajax) /libs/bootstrap-rtl/3.4.0/css/bootstrap-rtl.css)

2. 獨立RTL 庫：

   • 新增RTL 支援的獨立選項。
   • 包含額外的阿拉伯字體，以增強 UI 美觀。

實作

要實現 RTL 支持，只需在專案中包含相關 CSS 檔案即可。例如，使用Bootstrap-RTL 需要將以下內容加入您的程式碼：

<link rel="stylesheet" href="path/to/bootstrap-rtl.css">

其他資源

• [Bootstrap-RTL GitHub]( https ://github.com/mirismaili/bootstrap-rtl)
• [獨立RTL 函式庫GitHub](https://github.com/hussainwebdev/RTL_Bootstrap)

以上是如何在 Bootstrap 3.x 中實現從右到左 (RTL) 支援？的詳細內容。更多資訊請關注PHP中文網其他相關文章！