راست به چپ کردن بوت استرپ [بایگانی]

tuytoosh

سه شنبه 01 اردیبهشت 1394, 19:05 عصر

سلام دوستان

من یک فرم رو با بوت استرپ 3 دارم طراحی میکنم. در حالت تبلت و موبایل هیچ مشکلی ندارم... ولی تو حالت دسکتاپ کنترل ها از چپ به راست چیده میشن و وقتی direction رو هم به rtl تغییر میدم هیچ تغییری ایجاد نمیشه...
کدم اینه :

<div class="container">
<div class="row">
<div class="panel">
<div class="panel-heading">فرم نمونه</div>
<div class="panel-body">
<form action="">
<div class="col-md-4">
<input type="text" class="form-control"/>
</div>

<div class="col-md-4">
<input type="password" class="form-control"/>
</div>
<div class="col-md-4">
<input type="submit" class="form-control btn-primary"/>
</div>

</form>
</div>
</div>
</div>
</div>

Omid Jackson

سه شنبه 01 اردیبهشت 1394, 19:47 عصر

سلام دوستان

من یک فرم رو با بوت استرپ 3 دارم طراحی میکنم. در حالت تبلت و موبایل هیچ مشکلی ندارم... ولی تو حالت دسکتاپ کنترل ها از چپ به راست چیده میشن و وقتی direction رو هم به rtl تغییر میدم هیچ تغییری ایجاد نمیشه...
کدم اینه :

<div class="container">
<div class="row">
<div class="panel">
<div class="panel-heading">فرم نمونه</div>
<div class="panel-body">
<form action="">
<div class="col-md-4">
<input type="text" class="form-control"/>
</div>

<div class="col-md-4">
<input type="password" class="form-control"/>
</div>
<div class="col-md-4">
<input type="submit" class="form-control btn-primary"/>
</div>

</form>
</div>
</div>
</div>
</div>

از ورژن راست چین شده استفاده نکردین؟ احتمال زیاد میدم float: left باشه، هر چی که left هست رو با find and replace تغییر بدین به l2r بعد هرچی right هست رو تغییر بدین به left، حالا l2r ها رو تغییر بدین به right اینجوری مشکل حل میشه

tuytoosh

سه شنبه 01 اردیبهشت 1394, 19:59 عصر

هر کاری میکنم نمیشه و اگه بشه از ریسانسیو بودن در میاد...
میشه کد بالا رو یکی با بوت استرپ راست به چپ کنه؟

tuytoosh

سه شنبه 01 اردیبهشت 1394, 20:55 عصر

از بوت استرپ راست به چپ استفاده کردم

خیلی شیک و مجلسی کارم راه افتاد... اصن ی وضعیه...

مرسی از کمکتون