پرسش
چطور میتونم یک ستون در بوت استرپ رو به سمت راست تراز کنم؟
How to align a column to the right in Bootstrap 5?
سلام، من نیاز دارم که یک ستون رو به سمت راست صفحه تراز کنم چطوری این کارو انجام بدم
1403/06/01
پاسخ
مهرشاد براتی
برنامه نویس فول استک وب ،موبایل ،دستکاپ ،کارشناس ارشد مهندسی کامپیوتر نرم افزار
سلام برای تراز کردن یک ستون به سمت راست تو بوت استرپ می‌تونی از کلاس‌های ms-auto و d-flex
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bootstrap 5 Column Align Right</title> <link href="https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row"> <div class="col-12 d-flex justify-content-end"> <div class="p-2 bg-primary text-white">Right-aligned column</div> </div> </div> </div> </body> </html>
d-flex باعث میشه که ستون به حالت فلکس تبدیل بشه.
justify-content-end فلکس رو به به اخر المنت (تو اینجا منظورم اینجا سمت راسته) تراز میکنه.
پاسخ: 1403/06/01
آخرین آپدیت: 1403/07/23