Topic: Gap problem
Expected behavior
i used col-md-8 and col-md-4 there should be no space between rec class and rec2 class
Actual behavior
there is a gap that i dont want between col-md-8 and col-md-4
Resources (screenshots, code snippets etc.)
<div class="container-fulid">
<div class="row">
<div class="col-md-8 col-sm-12">
<div class="rec"></div>
</div>
<div class="col-md-4 col-sm-12">
<div class="rec2"></div>
<div class="rec3"></div>
</div>
</div>
CSS
.rec {
background-color: #F10818;
width: 566;
height: 90vh;
} .rec2 { margin-left: 0px; background-color: #FFED00; width: 572px; height: 45vh;
} .rec3 { background-color:#FFED00; width: 572px; height: 45vh; }
Hey!
All you have to do is add .col-md-8 {padding: 0;} and .col-md-4 {padding: 0;} to your css. This gap is caused by columns padding.
Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Closed
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: laptop
- Browser: chrome
- OS: windows
- Provided sample code: No
- Provided link: No