How to add a border block, and the content it does not shift from original position?

Hello! There are 3 block in the grid of bootstrap, where the block in the middle is framed by a border, but the text in the block is shifted relative to the initial position, as can be seen relative to neighbors. How to keep the border and text to leave in place. Tried to do a border using pseudo :before :after, but I only have 2 sides closed instead of 4. Fiddle

1 of 31 of 31 of 32 of 32 of 32 of 33 of 33 of 33 of 3

.row { background: #f8f9fa; margin-top: 20px; } .col { border: solid 1px #6c757d; padding: 10px; } #col-border { border: 5px solid blue; }