پیشنهاد شگفت‌انگیز سبزلرن: 50% تخفیف برای دوره پروژه های تخصصی با جاوا اسکریپت برای بازار کار
مشاهده دوره
ثانیه
دقیقه
ساعت
روز
پرسش

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

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