راکت

ایجاد فاصله بین col در بوتسترپ

3 پاسخ

سلام من به این شکل پروژمو درست کردم با بوتسترپ
باکس ها بهم چسبیده هست وقتی از margin یا offset استفاده میکنم باکس اخری میره پایین باکس های دیگه
چیکار کنم این مشکل حل بشه؟

<div class="col-lg-12">
    <div class="row">
        <div class="col-lg-3">
        محتوای باکس
        <div>

        <div class="col-lg-3">
        محتوای باکس
        <div>

        <div class="col-lg-3">
        محتوای باکس
        <div>

        <div class="col-lg-3">
        محتوای باکس
        <div>

    </div>
</div>
ثبت پرسش جدید

پاسخ‌ها

3
Paradox
Paradox
@paradox

تخصص: در حال یادگیری

به این شکل بنویس

    <div class="container-fluid">
        <div class="col-lg-12">

            <div class="row">

                <div class="col-lg-3">
                    <div class="box">
                        محتوای باکس
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="box">
                        محتوای باکس
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="box">
                        محتوای باکس
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="box">
                        محتوای باکس
                    </div>
                </div>
            </div>
        </div>

و این استایل قرار بده

    <style>
        .box {
            background-color: #e8e8e8;
            padding: 10px;
            border-radius: 5px;
            text-align: justify;
            margin: 1% 0px;
        }
    </style>
نیما  ش
نیما ش
@nimageneral

تخصص: برنامه نویس وب

شما میتونید توی خود ستون ها باز ، ستون تعریف کنید

<div class="col-lg-12">
    <div class="row">
        <div class="col-lg-3">
           <div class="col-lg-12">
                محتوای باکس
            <div>
        <div>

        <div class="col-lg-3">
           <div class="col-lg-12">
                محتوای باکس
            <div>
        <div>

شاید پاسخ شما همین‌جا باشد

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

اینکه میخواید چه خروجی ای داشته باشید، گویا نیست.
با عکس یا با گفتار بهتر توضیح دهید که به دنبال چه طرحی هستین.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام