JBolouri
5 سال پیش توسط JBolouri مطرح شد
8 پاسخ

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

سلام دوستان..

چجوری میشه توی بوت استرپ چک باکس و رادیو باتن رو راست چین کرد؟
هر کار میکنم نمیشه..
اون قسمتی که تیک میخوره سمت راست باشه و متنش سمت چپ.
direction = rtl هم جواب نمیده..


ثبت پرسش جدید
آرین حسینی
تخصص : Solidity Developer. Blockchai...
@arian 5 سال پیش آپدیت شد
0

از bootstrap rtl استفاده کنید (البته خودم تا حالا ازش استفاده نکردم)


Nima Aram
تخصص : a simple full stack
@aramnima50 5 سال پیش مطرح شد
1
text-align : right
display : flex;
justify-content: right;

این ها رو تست کنید.


JBolouri
@javadbolouri72 5 سال پیش مطرح شد
0

@aramnima50

با اینا، چک باکس سمت راست صفحه قرار گرفت ولی جای لیبل و قسمت تیک زدن عوض نشد.. قسمت تیک همچنان سمت چپ هست و لیبل همچنان سمت راست..

ممنون

فهمیدم، اینجا هم میذارم که اگه بقیه هم این مشکلو داشتن ببینن..

class زیر رو توی کلاس های لیبل اضافه کنید درست میشه:
form-check-label-left


حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 5 سال پیش آپدیت شد
1

از این روش استفاده کنید

    <div style="direction: rtl;text-align: right;">
        <input type="checkbox"> <label>متن دکمه</label> 
    </div>

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
1

یک راه ساده اینه که از بوت استرپ های راستچین شده استفاده کنید.
این رو بهتون پیشنهاد میدم:
http://abs.aryavandidad.com/fa-ir/sample


سینا شاه‌اویسی
تخصص : برنامه نویس فرانت اند
@sinashahoveisi 5 سال پیش مطرح شد
0

میتونید از css های آماده برای راست چین کردن استفاده کنید که آقای موسوی هم همچین کاری را انجام دادن و در گیت هاب قرار دادن.

https://github.com/Hesammousavi/bootstrap-v4-rtl


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
1

@sinashahoveisi
https://roocket.ir/discuss/9788#subject-34842
شما امتحان کردینش؟
قبلا چند مورد ایراد داشتش. تا جایی که میدونم بروزرسانی هم نشده.


JBolouri
@javadbolouri72 5 سال پیش مطرح شد
0

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

فهمیدم چجوری متن لیبل رو بیارم سمت چپ چک باکس..

اگه کسی هم مشکل مشابه داره:

class زیر رو توی کلاس های لیبل اضافه کنید درست میشه:
form-check-label-left


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام