এই সম্পর্কে আগেও প্রশ্ন রয়েছে: টুইটার বুটস্ট্র্যাপ সিএসএস যা আরটিএল ভাষা থেকে সমর্থন করে
তবে সমস্ত উত্তর বুটস্ট্র্যাপ ২.x এর জন্য ভাল
আমি এমন একটি প্রকল্পে কাজ করছি যা আরবীতে রয়েছে (আরটিএল), এবং আমার ডান থেকে বাম বুটস্ট্র্যাপ প্রয়োজন।
কেউ কি এর জন্য একটি ফিক্স জানেন?
উত্তর:
আমি অত্যন্ত বুটস্ট্র্যাপ-আরটিএল প্রস্তাব দিই । এটি বুটস্ট্র্যাপ কোরের উপর নির্মিত এবং এটি বুটস্ট্র্যাপ থিম হিসাবে rtl সমর্থন যুক্ত করা হয়। আপনি আপনার কোর বুটস্ট্র্যাপ ফাইল সর্বদা আপডেট করতে পারবেন এটি আপনার কোডটিকে আরও রক্ষণাবেক্ষণযোগ্য করে তুলবে। যা CDN
এই একা একা লাইব্রেরিটি ব্যবহার করার জন্য আরেকটি বিকল্প , এটি কয়েকটি দুর্দান্ত আরবি ফন্টের সাথে আসে।
আপনি এটি এখানে খুঁজে পেতে পারেন: আরটিএল বুটস্ট্র্যাপ v3.2.0 ।
সাইটের বুটস্ট্র্যাপ ফার্সি সংস্করণ http://rbootstrap.ir/ Ver.2.3.2
এটি আরেকটি প্রকল্প: www.nuget.org/packages/Twitter.Bootstrap.RTL
বুটস্ট্র্যাপের প্রতিটি সংস্করণে, আপনি এটি ম্যানুয়ালি করতে পারেন
এটি আরটিএল-এর জন্য সবচেয়ে বেশি কাজ করতে চান
অবশেষে, আমি ডান থেকে বাম বুটস্ট্র্যাপের জন্য একটি নতুন সংস্করণ খুঁজে পেতে পারি। সবার দ্বারা ব্যবহারের জন্য এখানে ভাগ করুন:
বুটস্ট্র্যাপ-3-3-7-rtl এবং আরটিএল বুটস্ট্র্যাপ 4.0.0-alpha.6.1
গিটহাব লিঙ্ক:
https://github.com/parsmizban/RTL-Bootstrap
আপনাকে তৈরি এবং ভাগ করে নেওয়ার জন্য parsmizban.com ধন্যবাদ ।
আমি এটি খুব সহায়ক পেয়েছি, এটি পরীক্ষা করে দেখুন: http://cdnjs.com/libraries/bootstrap-rtl
আপনি যদি নিজের সাইটে আরটিএল এবং এলটিআর জন্য বুটস্ট্র্যাপ 3 সমর্থন চান, আপনি "ফ্লাইতে" সিএসএস বিধিগুলি সংশোধন করতে পারেন, এখানে সংযুক্ত একটি ফাংশন, এটি বুটস্ট্র্যাপ 3 এর মতো প্রধান শ্রেণিগুলিকে সংশোধন করে - যেমন- কোল- (এক্সএস | এসএম | এমডি | এলজি) ) - (1-12), কল- (এক্সএস | এসএম | এমডি | এলজি) -পুশ- (1-12), কল- (এক্সএসএস এমডি | এমডি | এলজি) -পুল- (1-12), কল- (এক্সএস | এসএম | এমডি | এলজি) - অফসেট- (1-12), আরও অনেক ক্লাস পরিবর্তন করতে হবে তবে আমার কেবল সেগুলি দরকার needed
আপনাকে যা করতে হবে তা হ'ল ফাংশনটি কল করা layout.setDirection('rtl')বা layout.setDirection('ltr')এটি বুটস্ট্র্যাপ 3 গ্রিড সিস্টেমের জন্য সিএসএস বিধিগুলিকে পরিবর্তন করবে।
সমস্ত ব্রাউজারে কাজ করা উচিত (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;
}
}
}আপনি আমার প্রকল্পটি ব্যবহার করতে পারেন আমি সাস এবং গাল্প সহ বুটস্ট্র্যাপ 3 আরটিএল তৈরি করি যাতে আপনি এটিকে সহজেই কাস্টমাইজ করতে পারেন https://github.com/z-avanes/bootstrap3-rtl
আমরা আর্য বুটস্ট্র্যাপ ঘোষণা করি ,
শেষ সংস্করণ বুটস্ট্র্যাপ 4.3.1 উপর ভিত্তি করে
আরিয়াবাটস্ট্র্যাপটি ডুয়াল লেআউট সারিবদ্ধ সমর্থন সহ একটি বুটস্ট্র্যাপ এবং এটি এলটিআর এবং আরটিএল ওয়েব ডিজাইনের জন্য ব্যবহৃত হয়।
এইচটিএমএলে "দির" যুক্ত করুন, আপনার একমাত্র ক্রিয়াটি করতে হবে।
এখানে আর্য বুটস্ট্র্যাপ ওয়েবসাইটটি চেকআউট করুন: http://abs.aryavandidad.com/
গীতহাবে আর্যবুটস্ট্র্যাপ: https://github.com/mRizvandi/ আরিয়াবাটস্ট্র্যাপ