HTML / bootstrap - siatka interfejsu w oparciu o bootstrap

Witam, chciałem prosić o pomoc w złożeniu szkieletu strony, z wykorzystaniem bootstrap'a. Chciałbym osiągnąć mniej więcej taki rozkład jak na załączonym obrazku

jak dotąd miałem coś takiego, ale nie do końca spełniało to moje oczekiwania. Być może wystarczy jakaś drobna zmiana w tym kodzie a może nie, dlatego prosiłbym o wsparcie



Jeżeli chodzi o bootstrap'a to jestem totalnie zielony

z góry dziękuję za pomoc.

Szerokości kolumn z cssów?
Pokazujesz klasy i ID, nie wiemy co kryje się pod spódniczką...

header / footer (czarne bloki) -> szerokość 100%, wysokość: header 50px, footer 30px
sidebar (blok pomarańczowy) -> 300 px szerokość, wysokość 100%

content (blok czerwony) -> marginesy 20 px, szerokość (100% - 340) wysokość