오른쪽에서 왼쪽으로 트위터 부트스트랩에 대한 지원을 3

그동안 이 문제에 대해 이전: https://stackoverflow.com/questions/10545594/twitter-bootstrap-css-that-support-from-rtl-languages

하지만 모든 대답이 좋은 부트스트랩에 2.x

39 m working on a 프로젝트를 i&, 아랍어로 (rtl), 그리고 데릭쉐퍼드와 부트스트랩에 3.x 오른쪽에서 왼쪽으로.

대한 해결책이 있는 아는 사람 있어요?

Community
편집된 질문23일 5월 2017 в 12:34
프로그래밍
html5 css twitter-bootstrap-3 twitter-bootstrap
1일 11월 2013 в 4:05
아직 보기가 없습니다.
해결책

  1. 난 매우 추천합니까 부트스트랩에 rtl . 이를 통해 편차란 부트스트랩에 코어, rtl 은 부트스트랩에 테마 때문에 지원이 추가되었습니다. 이는 항상 더 많은 코드를 만들 수 있는 것처럼 핵심 부트스트랩에 업데이트하십시오 파일을 관리할 수 있습니다. CDN

  2. 또 다른 옵션을 사용하여 이 단독식 라이브러리란, 또한 뛰어난 거의 않했노라 아랍어 글꼴에서처럼.

Hakan Fıstık
편집된 답변16일 1월 2017 в 12:06
해설 (0)

여기에서 찾을 수 있습니다. RTL 부트스트랩에 v3.2.0.

Uwe Keim
편집된 답변18일 3월 2016 в 1:02
해설 (0)

페르시아 버전니다 Ver.2.3.2 부트스트랩에 사이트 http://rbootstrap.ir/

해설 (0)

이것은 또 다른 프로젝트: www.nuget.org/packages/Twitter.Bootstrap.RTL

해설 (0)

모든 버전의 부트스트랩에 수동으로로, 할 수 있어

  1. 바디입니다 rtl 방향을 설정할 수 있습니다.
  2. .col-sm-9 {} 에 대한 왼쪽, 파일, 여바바 부스스트라피크스 &quot &quot, float: 표현식에서는 float: right, 변경하십시오.

대부분의 이 movd 사용할 것을 rtl

해설 (1)

마침내, 나는 새 버전에 대한 오른쪽에서 왼쪽으로 부트스트랩에 찾을 수 있다. 여기에 공유하지는) 에서 사용할 수 있도록 모두:

rtl 부트스트랩에 3 3 7 및 RTL 부트스트랩에 4.0.0-alpha.6.1

깃허브 링크:

https://github.com/parsmizban/RTL-Bootstrap

흥분됐나요 parsmizban.com 의 생성 및 공유.

해설 (1)

Rtl, 사이트에 대한 지원 및 LTR 확인표시를 부트스트랩에 3 의 CSS 규칙을 fly&quot &quot 수정할 수 있습니다,, 함수, 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;
                }
            }
        }
해설 (0)

내가 찾은 이 아주 도움됐네, 살펴보자. http://cdnjs.com/libraries/bootstrap-rtl

해설 (0)

우리는 발표할 아리야부스스트라프 ,

  • 4.3.1* 부트스트랩에 마지막 버전을 기반으로 하고 있다

&gt. 이중 레이아웃뿐만 지원 및 사용되는 아리야부스스트라프 는 부트스트랩에 맞추십시오. &gt. ltr RTL 위한 웹 디자인.

추가 &quot dir"; 그게 html 로 유일한 작업을 수행해야 합니다.

체크아웃합니다 아리야부스스트라프 웹 사이트. http://abs.aryavandidad.com/

아리야부스스트라프 dell. 깃허브: https://github.com/mRizvandi/AryaBootstrap

해설 (0)

my project 사용할 수 있습니다. 내가 만들 수 있도록 정보기술 (it) 과 함께 3 rtl 부트스트랩에 자스 사용자정의할 이즐리 꿀꺽 https://github.com/z-avanes/bootstrap3-rtl

해설 (1)