Ross Linton free asked 5 years ago


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.) here is the space

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


Krzysztof Wilk staff answered 5 years ago


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.


FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Closed

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: laptop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No