Проблема

Здравствуйте. Может кто подсказать, пишу код из 8 урока Bootstrap, но что-то не клеится. 

вот такой код: 

<div class="container-fluid" style="background-color: red; height: 100px">
    <div class="row">
        <h1>Hello, world!</h1>
        <div class="coll-lg-9 coll-md-9" style="background-color: green; height: 100px"></div>
        <div class="coll-lg-3 coll-md-3" style="background-color: black; height: 100px"></div>
    </div>
</div>

но блоки с зелёным и чёрным фоном всё равно идут друг под другом, при любом расширении экрана, даже свыше 1200px. В чём же ошибка?