Bootstrap - kontener jak na obrazie

Cześć, chcę zrobić kontener w bootstrap taki jak jest oznaczony na zdjęciu kolorem niebieskim.

jego rodzic do .container-fluid na całą szerokość. Pomoże ktoś? bo to mój początek przygody z bootstrapem

Dwie zwykłe kolumny nie wystarczą?

<div style="row">
  <div style="col-md-6">
    niebiesko mi
  </div>
  <div style="col-md-6">
    żółto mi
  </div>
</div>

Może napisałem niezbyt jasno. poprawka w poniższym obrazie:

chodzi mi o to, by stworzyć kontener, oznaczony kolorem zielonym, czyli jego lewa krawedz byla rowna z .container, a prawa rowna z polowa container-fluid.

Pomoże ktoś?

moim zdaniem źle sie do tego zabierasz, przerób kilka kursów html+css i wiele zagadnień ci sie rozjaśni

doradzisz coś może? bo akurat trochę już znam CSS, ale nie potrafię tego wymyślić :\

To powinno pomóc:

http://getbootstrap.com/css/#grid-offsetting

<div class="container-fluid text-center" style="background: black; color: white;">

    container-fluid

    <div class="row">

        <div class="col-md-offset-1 col-md-10" style="background: red;">
            .container
        </div>

    </div>

    <div class="row">

        <div class="col-md-offset-1 col-md-10" style="background: red;">
            .container
        </div>

    </div>

    <div class="row" style="background: blue;">

        <div class="col-md-offset-1 col-md-5" style="background: green;">??</div>

        <div class="col-md-6 text-center" style="background: yellow;">??</div>

    </div>

</div>