تلگرام
051-38846027
09367988112

راست چین کردن بوت استرپ

همان طور که میدانید فریم ورک بوت استرپ از زبان فارسی پشتیبانی میکند اما همچنان نسخه rtl آن ارائه نشده است.
برای راست چین کردن این فریم ورک دو راه وجود دارد :

راست چین کردن بوت استرپ

  • میتوانید در هسته سی اس اس بوت استرپ تغییراتی برای راست چین کردن انجام دهید.
  • استفاده از منابعی که برنامه نویسان دیگر این فریم ورک را rtl کرده اند.

روش اول :
در حالت اول شما باید کدهای css را ویرایش کنید. برای انجام این کار به یکسری از عناصر باید direction:rtl بدهید و همچنین عناصری که خصوصیت float:left دارند را به float:right تغییر دهید و آخرین کار شما تغییر خصوصیت text-align: left به text-align: right است.
دقت کنید مواردی که کلاس text-align آن ها left  است را تغییر ندهید، چون در این موارد خود کلاس این ویژگی را دارد و باید از کلاس text-align-right استفاده کنیم، مانند :

.text-left {
text-align: left;
}
کدهایی که باید تغییر دهید در قسمت زیر نمایش داده شده است :
html {
direction: rtl;
}
body {
direction: rtl;
}
button,
input,
optgroup,
select,
textarea {
direction: rtl;
}
@media (min-width: 768px) {
    .dl-horizontal dt {
float: right;
    }
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: right;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: right;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: right;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: right;
    }
}
.dropdown-menu {
float: right;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
float: right;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: right;
}
.btn-group > .btn-group {
float: right;
}
.input-group .form-control {
float: right;
}
.nav-tabs > li {
float: right;
}
.nav-pills > li {
float: right;
}
@media (min-width: 768px) {
    .navbar-header {
float: right;
    }
}
.navbar-brand {
float: right;
}
@media (min-width: 768px) {
    .navbar-nav {
float: right;
    }
    .navbar-nav> li {
float: right;
    }
}
@media (min-width: 768px) {
    .navbar-text {
float: right;
    }
}
.pagination > li > a,
.pagination > li > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: right;
}
.progress-bar {
float: right;
}
.popover {
text-align: right;
}
caption {
text-align: right;
}
th {
text-align: right;
}
.dropdown-menu {
text-align: right;
}
.tooltip {
text-align: right;
}

روش دوم :
شما میتوانید از نسخه راست چین برنامه نویسان استفاده کنید. بهتر است از سایت گیت هاب این نسخه را دانلود کنید.
https://github.com/morteza/bootstrap-rtl
دقت کنید که در نسخه های راست چین بوت استرپ یکسری فایل های اضافه وجود دارد که امکان دارد در بعضی مواقع در کدنویسی، شما را دچار مشکل کند. برای همین ما راه اول را به شما پیشنهاد میکنیم تا زمانی که فریم ورک بوت استرپ از قابلیت rtl پشتیبانی کند.

منبع : توس وب (قالب وردپرسفروشگاه قالب وردپرس)

سوالات متداول

بله ، تمام قالب های توس وب دارای پشتیبانی بوده و در صورت بروز خطا ، بعد از بررسی مشکل برطرف می شود.

پشتیبانی حرفه ای ، کد نویسی بهینه و سرعت لود بالا ، کاملا ایرانی (عدم فارسی سازی) ، سئو حرفه ای ، برخی از تفاوت قالب های فروشگاه توس وب با دیگر قالب ها می باشد.

خیر ، کار کردن با سایت بسیار ساده و آسان است ، زیرا پنل تنظیمات و مدیریت سایت کاملاً فارسی بوده و آموزش کامل آن در اختیار مشتری قرار می گیرد.

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

بلی ، قالب ها به صورت متن باز(open sorce) می باشد و در صورتی که مشتری دانش فنی کافی داشته باشد ، می تواند در قالب تغیرات دلخواه را اعمال کند ، اما توس وب هیچ ضمانتی برای ایجاد مشکل پس از ویرایش به عهده نمی گیرد.

بله ، برای حذف کپی رایت می توانید از طریق بخش پشتیبانی اقدام نمایید.

خیر ، قالب برای یک دامنه به شما فروخته می شود و برای استفاده مجدد نیاز است دو سوم هزینه قالب را پرداخت نمایید.

تیم توس وب تلاش کرده تا تمامی موارد امنیتی که مربوط به کدنویسی قالب ها بوده را رعایت کند.

بله، قالب هایی که توسط توس وب طراحی می شوند منطبق با آخرین استانداردهای جهانی وب ( استاندارد کنسرسیوم جهانی وب = html css
استاندارد ECMA = استاندارد کدهای جاوا اسکریپت ) می باشد.

خیر، تمام قالب ها به صورت اختصاصی و با سلیقه ایرانی از پایه طراحی شده و کاملا بومی بوده و دلیل کیفیت بالای قالب ها نیز عدم فارسی سازی قالب میباشد.

به محض پرداخت وجه ، شما می توانید فایل قالب را دانلود و استفاده نمائید .

چرا به توس وب اعتماد کنیم ؟

توس وب یک سایت رسمی می باشد و همچنین دارای گواهی نامه های معتبر ( نماد اعتماد الکترونیک از مرکز توسعه و تجارت الکترونیک , نماد ساماندهی از وزارت ارشاد و درگاه پرداخت ایمن بانک ملت ) می باشد

خانواده توس وب
خوشحالیم که افتخار همراهی شما عزیران را داریم