Div without padding lef and right in mobile view

0

Hello,

I'm a bootstrap beginner and I came across a text-viewing problem that I can not solve. The situation is as follows, according to the attached images, my page has a field that displays a text divided into 3 columns in the desktop version (col-md-4) and when the screen is decreased, 12, col-xs-12). My problem is, as you may, the div is not leaving space on the left and on the right, as it gets in the 3-column version. I've tried putting a 5% padding left and right for col-sm-12, but this change for some unknown reason also put that padding in the col-md-4 version, so I undoed the changes. I have not added css here, because I'm using bootstrap default. Does anyone know how I could put this space in the small version without affecting the large version? large version

    
asked by anonymous 06.11.2017 / 13:30

1 answer

0

Try:

@media (min-width: 768px){
.row{
    padding-left: 15px;
    padding-right: 15px;
  }
}
    
06.11.2017 / 16:06