Currently coding a new bootstrap 3 site, and need to do something I’ve never had to do before, and it’s got me baffled and wondering whether it can be done.
I have a standard 4-bucket footer, all of equal widths, and I need to make the 4th footer of a highlight background colour that continues to the edge of the screen. Obviously highlighting the one div is easy, but it’s the making the highlight stretch into the wrapping container I can’t work out. One way is to use a background image and align it left, but I can’t use images – it all needs to be in css/less colour values as I’m defining a colour value through the admin via less. The only way I’ve managed to get it going is defining a css3 gradient that starts in the grey and then suddenly becomes blue, but making it responsive is messy.
Ideas? I’ve attached an image to accompany my poor explanation.