سلام من به این شکل پروژمو درست کردم با بوتسترپ
باکس ها بهم چسبیده هست وقتی از 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>
به این شکل بنویس
<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>
شما میتونید توی خود ستون ها باز ، ستون تعریف کنید
<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>
اینکه میخواید چه خروجی ای داشته باشید، گویا نیست.
با عکس یا با گفتار بهتر توضیح دهید که به دنبال چه طرحی هستین.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟