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>

bootstrap

1 ответов

У вас задано col-lg. col-lg - это для больших экранов и если у вас маленький экран, скажем laptop 14 дюймов, блоки будут располагаться друг под другом. Попробуйте использовать col-md или col-sm если у вас маленький экран. В каком-то уроке была таблица с разрешениями экранов.