How to properly set the background color of a Bootstrap block?

Question

HTML

I am making changes to the bootstrap template for the first time, I came across the fact that I need to set the background color for the block, but the block has padding-left + padding-right by 15px by default and it turns out that when I set the color, another piece is filled to the right (seen in the screenshot) , how to make it so that the fill on the right side is aligned with the rest of the blocks (menu and breadcrumbs) ?

Answer 1

background-clip: content-box;the fill will exclude borders and padding (border, padding)

Answer 2

Do not style the grid, create an additional block in it