I'm trying to work out how to achieve the following in Bootstrap 3:
- I have a HTML page which is primarily based around bootstrap's fixed container grid.
- Half way down the page I want a row with columns of different sizes.
- I want the content (text / images) inside these columns to line up with the content inside the columns in the fixed container grid.
- I want the background colours of the left and right furthest columns to bleed right to the edge of the page.
It may help if I illustrate what I'm trying to achieve:
Any help would be greatly appreciated!
Update: as requested here's some code examples of what I currently have: http://www.bootply.com/ZzOefJGRRq As you can see the text and columns in the fluid container are not lining up correctly.
See Question&Answers more detail:os