جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
paradox
3 سال پیش توسط paradox مطرح شد
3 پاسخ

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

سلام من به این شکل پروژمو درست کردم با بوتسترپ
باکس ها بهم چسبیده هست وقتی از 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>

ثبت پرسش جدید
Paradox
تخصص : در حال یادگیری
@paradox 3 سال پیش آپدیت شد
0

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

    <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 3 سال پیش مطرح شد
0

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

<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>

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
0

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


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

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