خانه نوشته های آزاد بهترین پکیج بوت استرپ ۴ فارسی

بهترین پکیج بوت استرپ ۴ فارسی

1 دقیقه برای خواندن کافیست
7
0
44

شاید شما در استفاده از بوت استرپ 4 کمی دچار سردرگمی شده باشید و یا در بین نسخه های مختلف فارسی دچار تردید از استفاده از آن ها شده باشید .

ما امروز به شما بهترین پکیج بوت استرپ 4 فارسی را معرفی خواهیم کرد و روش نصب آن را هم توضیح خواهیم داد .

با ما همراه باشید …

پکیج بوت استرپ ۴ فارسی bootstrapper

یکی از بهترین های موجود پکیج بوت استرپ فارسی سایت bootstrapper.ir است . تحلیل و بررسی که ما روی dependency این پکیج داشتیم به این نتیجه رسیدم که بسیار وقت و به روش های استانداردی برای rtl کردن این پروژه صرف شده است .

با سپاس از آقای آرش لیلازی که این پکیج را به ما معرفی کردند .

نحوه تبدیل قالب های چپ-به-راست به نسخهء راست-به- چپ با استفاده از پکیج bootstrapper.ir :

  • Replace all official bootstrap.css references by bootstrap-rtl.css in all HTML files.
  • Inside every HTML file, find these direction specific CSS class names and change them:
    • border-left to border-right and vice versa.
    • border-left-0 to border-right-0 and vice versa.
    • rounded-left to rounded-right and vice versa.
    • float-left to float-right and vice versa.
    • ml-* to mr-* and vice versa.
    • pl-* to pr-* and vice versa.
    • text-left to text-right and vice versa.
    • text-*-left to text-*-right and vice versa.
    • dropleft to dropright and vice versa.
    • dropdown-menu-left to dropdown-menu-right and vice versa.
    • dropdown-menu-*-left to dropdown-menu-*-right and vice versa.
  • Also, to correct Popovers / Tooltips direction, change all data-placement="left" to data-placement="right" and vice versa.
  • After that, use RTLCSS to adapt / convert all customized CSS codes to RTL edition.

برای دانلود این پکیج روی لینک مقابل کلیک کنید : bootstrapper

 


پکیج بوت استرپ ۴ فارسی آقای مجید زاده

یکی از بهترین پکیج موجود از آقای مهدی مجیدزاده است که می توانید از لینک زیر آن را دانلود کنید :

Bootstrap-v4-rtl

نحوه استفاده از بوت استرپ فارسی 4

1 – ابتدا گنجاندن توابع ضروری در تابع HEAD ( در پکیج دانلودی موجود است )

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   └── bootstrap.min.css.map
│   ├── bootstrap-rtl.css
│   ├── bootstrap-rtl.css.map
│   ├── bootstrap-rtl.min.css
│   └── bootstrap-rtl.min.css.map
└── js/
    ├── bootstrap.js
    └── bootstrap.min.js

2 – به هر element (مثلا BODY) که موررد استفاده است کلاس rtl را اضافه کنید .

مشاهده محتوا بیشتر
ادامه مطلب شمشاد امیری خراسانی
بارگذاری بیشتر در نوشته های آزاد

7
دیدگاه بگذارید

avatar
2 موضوع دیدگاه
5 موضوع پاسخ
1 دنبال کنندگان
 
بیشترین پاسخ واکنش نشان داد
پرطرفدارترین نظر
3 نویسنده دیدگاه
آرش لیلازیشمشاد امیری خراسانیمجیدزاده نویسندگان نظرات اخیر
  اشتراک  
جدیدترین قدیمی ترین بیشترین رای
به من اطلاع بده
مجیدزاده
مهمان

مجیدزاده سرهم نوشته میشه

آرش لیلازی
مهمان
آرش لیلازی

دوست عزیز بی زحمت یه نگاهی به اینم بنداز:
http://bootstrapper.ir
ضمنا این واژهء «بهترین» میتونه واسه خوانندگان گمراه کننده باشه ها…

همچنین ببینید

افزایش سرعت چهار تا ده برابری سایت وردپرسی شما (حذف علامت سوال از فایل) + ویدئو آموزشی

آيا راه های معمول برای افزایش سرعت سایت وردپرسی مناسب است ؟‌ (WordPress Caching Plugins) م…