html - Bootstrap 1 extra px in chrome -

I am using bootstrap to create a webpage. I have removed the body on two blocks (material and header). Inside the content block, I have the div class .contain .sameTable and in my div class .row .sameRow < / Code> which is found on two other blocks ( left and right ). left category - .col-xs-2 , right category - .col-xs-10 and both There is also class - .sameCol .

I have no problem in opera, FF, IE, but on different screen sizes in Chrome, the content width is low, then another block on ~ 1px. I have read that I could be due to the defined percentage width, but I can not change the sections of the bootstrap, how can I avoid it? Image -

Additionally, if I left float: none and removed it from the right block, then the issue has been removed, but if my left block becomes small then Required image -

.sameTable , .sameRow , .sameCol This is my own class which looks like:

  .sameTable {display: table; Padding: 0; } .sameRow {display: table-row; } .sameCol {float: none; Exhibit: Table-Cell; Vertical-alignment: top; }  

This is a round problem with the bootstrap grid. Since Chrome supports sub-pixel rendering, it will display a bug. I do not care about it