دو div دارم که به صورت زیر تعریف شده :
<div class="row">
<div class="col-md-6">
1
</div>
<div class="col-md-6">
2
</div>
</div>
وقتی نمایش داده میشه چون از کلاس col-md-6 استفاده کردم 12 ستون در صفحه پر شده و به هم چسبیده نمایش داده میشن. مطابق تصویر زیر :
میخوام بین div شماره 1 و div شماره 2 یه فاصله بیفته.چجوری باید این کارو انجام بدم.
با درود برای اینکه فاصله همانند تصویر زیر ایجاد گردد باید از روش زیر استفاده کنید.
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="bg-success">
شماره 1
</div>
</div>
<div class="col-md-6">
<div class="bg-warning">
شماره 2
</div>
</div>
</div>
</div>
می تونید به صورت زیر کدهای html رو بنویسید :
<style>
.box{
box-sizing:border-box;
border:3px solid transparent;
background-clip:padding-box;
}
</style>
<div class="row">
<div class="col-md-6 bg-white box">
پنل سمت راست
</div>
<div class="col-md-6 bg-white box">
پنل سمت چپ
</div>
</div>
تاریخ :
1400/11/14
- ساعت :
12:23:00 AM
- بازدید :
2115
- پاسخ :
2
|
تاریخ :
1398/09/21
- ساعت :
09:53:00 AM
- بازدید :
5163
- پاسخ :
7
|
تاریخ :
1402/08/04
- ساعت :
05:01:00 PM
- بازدید :
443
- پاسخ :
1
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
472
- پاسخ :
1
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
540
- پاسخ :
1
|
تاریخ :
1402/07/25
- ساعت :
09:15:00 PM
- بازدید :
648
- پاسخ :
1
|
تاریخ :
1399/12/13
- ساعت :
12:10:00 AM
- بازدید :
2967
- پاسخ :
1
|
تاریخ :
1399/01/11
- ساعت :
02:02:00 PM
- بازدید :
2673
- پاسخ :
3
|
تاریخ :
1402/06/28
- ساعت :
12:47:00 PM
- بازدید :
706
- پاسخ :
1
|
تاریخ :
1399/06/16
- ساعت :
07:18:00 PM
- بازدید :
6910
- پاسخ :
4
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
196
- پاسخ :
0
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1057
- پاسخ :
1
|
تاریخ :
1402/12/25
- ساعت :
03:38:00 PM
- بازدید :
104
- پاسخ :
0
|
تاریخ :
1403/01/06
- ساعت :
05:14:00 PM
- بازدید :
71
- پاسخ :
1
|
تاریخ :
1403/01/07
- ساعت :
01:45:00 AM
- بازدید :
45
- پاسخ :
0
|
تاریخ :
1398/07/19
- ساعت :
11:16:00 PM
- بازدید :
2951
- پاسخ :
2
|
تاریخ :
1398/08/21
- ساعت :
03:45:00 AM
- بازدید :
2290
- پاسخ :
1
|
تاریخ :
1398/08/06
- ساعت :
03:57:00 PM
- بازدید :
7292
- پاسخ :
2
|
تاریخ :
1402/12/12
- ساعت :
03:20:00 PM
- بازدید :
86
- پاسخ :
1
|
تاریخ :
1402/12/10
- ساعت :
03:35:00 PM
- بازدید :
114
- پاسخ :
1
|