پرسش
چطور میتونم دکمههای بوت استرپ رو به راست تراز کنم؟
How can I get my Twitter Bootstrap buttons to right-align?
میخوام توی صفحه ای که با بوت استرپ طراحی کردم، دکمهها به سمت راست تراز بشن. دکمهها در یک div یا container خاص قرار دارن و نمیخوام با استفاده از CSS اضافی این کار رو انجام بدم، فقط میخوام از کلاسهای بوتاسترپ استفاده کنم
1403/05/30
پاسخ
مهرشاد براتی
سلام برای راست چین کردن دکمهها در بوتاسترپ ۵، خیلی راحت میتونی از کلاس های موجود تو بوت استرپ استفاده کنی. بهترین راه استفاده از کلاسهای کمکی مثل text-end
برای متن و یا d-flex
همراه با justify-content-end
برای فلکس باکس هست. به این شکل:
<div class="text-end"> <button type="button" class="btn btn-primary">دکمه یک 1</button> <button type="button" class="btn btn-secondary">دکمه 2</button> </div>
یا اگر از فلکسباکس استفاده میکنی:
<div class="d-flex justify-content-end"> <button type="button" class="btn btn-primary">دکمه اول</button> <button type="button" class="btn btn-secondary">دکمه دوم</button> </div>
این کدها باعث میشن که دکمهها به سمت راست container تراز بشن و نیاز به CSS اضافی ندارن
پاسخ: 1403/05/30
آخرین آپدیت: 1403/07/19