پرسش

چطور می‌تونم دکمه‌های بوت‌ استرپ رو به راست تراز کنم؟

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