그동안 이 문제에 대해 이전: https://stackoverflow.com/questions/10545594/twitter-bootstrap-css-that-support-from-rtl-languages
하지만 모든 대답이 좋은 부트스트랩에 2.x
대한 해결책이 있는 아는 사람 있어요?
난 매우 추천합니까 부트스트랩에 rtl . 이를 통해 편차란 부트스트랩에 코어, rtl 은 부트스트랩에 테마 때문에 지원이 추가되었습니다. 이는 항상 더 많은 코드를 만들 수 있는 것처럼 핵심 부트스트랩에 업데이트하십시오 파일을 관리할 수 있습니다. CDN
또 다른 옵션을 사용하여 이 단독식 라이브러리란, 또한 뛰어난 거의 않했노라 아랍어 글꼴에서처럼.
마침내, 나는 새 버전에 대한 오른쪽에서 왼쪽으로 부트스트랩에 찾을 수 있다. 여기에 공유하지는) 에서 사용할 수 있도록 모두:
rtl 부트스트랩에 3 3 7 및 RTL 부트스트랩에 4.0.0-alpha.6.1
깃허브 링크:
https://github.com/parsmizban/RTL-Bootstrap
흥분됐나요 parsmizban.com 의 생성 및 공유.
Rtl, 사이트에 대한 지원 및 LTR 확인표시를 부트스트랩에 3 의 CSS 규칙을 fly" " 수정할 수 있습니다,, 함수, 3 등 주요 it direct-attached 슬라이드에서는 수정되므로 클래스를 부트스트랩에 열 (xs sm md lg) - (1-12), 열 (xs sm md lg) 누름식 (1-12), 열 (xs sm md lg) 당기십시오 (1-12), 열 (xs sm md lg) 오프셋된 (1-12), 내가 필요한 클래스를 수정할 수 있지만 구멍만이 아주 많습니다.
All you need to do '라이우 t.세디렉션 (& # 39, rtl& # 39,) 는 다음 함수 호출 (# 39, & # 39, ltr&)' 와 '또는' 라이우 t.세디렉션 변경하십시오 3 격자선 시스템이요 대한 CSS 규칙을 부트스트랩에 방침이다.
노력해야 할 모든 브라우저 (IE> = 9).
var layout = {};
layout.setDirection = function (direction) {
layout.rtl = (direction === 'rtl');
document.getElementsByTagName("html")[0].style.direction = direction;
var styleSheets = document.styleSheets;
var modifyRule = function (rule) {
if (rule.style.getPropertyValue(layout.rtl ? 'left' : 'right') && rule.selectorText.match(/\.col-(xs|sm|md|lg)-push-\d\d*/)) {
rule.style.setProperty((layout.rtl ? 'right' : 'left'), rule.style.getPropertyValue((layout.rtl ? 'left' : 'right')));
rule.style.removeProperty((layout.rtl ? 'left' : 'right'));
}
if (rule.style.getPropertyValue(layout.rtl ? 'right' : 'left') && rule.selectorText.match(/\.col-(xs|sm|md|lg)-pull-\d\d*/)) {
rule.style.setProperty((layout.rtl ? 'left' : 'right'), rule.style.getPropertyValue((layout.rtl ? 'right' : 'left')));
rule.style.removeProperty((layout.rtl ? 'right' : 'left'));
}
if (rule.style.getPropertyValue(layout.rtl ? 'margin-left' : 'margin-right') && rule.selectorText.match(/\.col-(xs|sm|md|lg)-offset-\d\d*/)) {
rule.style.setProperty((layout.rtl ? 'margin-right' : 'margin-left'), rule.style.getPropertyValue((layout.rtl ? 'margin-left' : 'margin-right')));
rule.style.removeProperty((layout.rtl ? 'margin-left' : 'margin-right'));
}
if (rule.style.getPropertyValue('float') && rule.selectorText.match(/\.col-(xs|sm|md|lg)-\d\d*/)) {
rule.style.setProperty('float', (layout.rtl ? 'right' : 'left'));
}
};
try {
for (var i = 0; i < styleSheets.length; i++) {
var rules = styleSheets[i].cssRules || styleSheets[i].rules;
if (rules) {
for (var j = 0; j < rules.length; j++) {
if (rules[j].type === 4) {
var mediaRules = rules[j].cssRules || rules[j].rules
for (var y = 0; y < mediaRules.length; y++) {
modifyRule(mediaRules[y]);
}
}
if (rules[j].type === 1) {
modifyRule(rules[j]);
}
}
}
}
} catch (e) {
// Firefox might throw a SecurityError exception but it will work
if (e.name !== 'SecurityError') {
throw e;
}
}
}
우리는 발표할 아리야부스스트라프 ,
>. 이중 레이아웃뿐만 지원 및 사용되는 아리야부스스트라프 는 부트스트랩에 맞추십시오. >. ltr RTL 위한 웹 디자인.
추가 " dir"; 그게 html 로 유일한 작업을 수행해야 합니다.
체크아웃합니다 아리야부스스트라프 웹 사이트. http://abs.aryavandidad.com/
아리야부스스트라프 dell. 깃허브: https://github.com/mRizvandi/AryaBootstrap