Bootstrap позиционирование блоков

Третий блок в сетке отображается внизу, а не справа.

Код вроде бы совпадает с уроком

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