مشکل در جا به جایی باکس ها در بوت استرپ

    • 1402/10/23 08:35
    مهرداد امجد
    مهرداد امجد
    کاربر
    1

    سلام استاد خوبین؟ من می خوام با بوت استرپ یه طرحی بزنم که توی یه ردیف دو یا سه تا تگ div دارم  باید بیان وسط  صفحه ،یه سطر ایجاد کردم تگ ها رو بهشون هر کدوم 2 تا ستون دادم الان یعنی 6 تا ستون اضافه دارم به اولی margin دادم که بیاد وسط تر ولی خوب به نظرم منطقی نیست چیکار باید کنم؟

    اینم کدم

      .custom{
                margin-left: 250px;
            }
     
        <div class="container">
            <div class="row bg-dark">
                <div class="col-2 custom">
                    <div class="bg-danger">111</div>
                </div>
                <div class="col-2">
                    <div class="bg-danger">222</div>
                </div>
                <div class="col-2">
                    <div class="bg-danger">333</div>
                </div>
            </div>
        </div>

    • 1402/10/25 08:46
    ایران باینری
    ایران باینری
    استاد
    2

    سلام وقت شما بخیر .. شما نباید در گرید بندی با margin عناصر رو جا به جا کنید البته در حالت افقی

    برای این کار باید از کلاس justify-content-center  استفاده کنید به اینصورت:

    <div class="container">
            <div class="row bg-dark justify-content-center">
                <div class="col-2">
                    <div class="bg-danger">111</div>
                </div>
                <div class="col-2">
                    <div class="bg-danger">222</div>
                </div>
                <div class="col-2">
                    <div class="bg-danger">333</div>
                </div>
            </div>
        </div>