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

همان طور که میدانید فریم ورک بوت استرپ از زبان فارسی پشتیبانی میکند اما همچنان نسخه 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 پشتیبانی کند.

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