Umas das dificuldades mais comuns de um projeto front-end é o posicionamento de elementos, sobretudo em designs multi coluna. A solução mais comum é uso de grids, uma ideia antiga que veio dos próprios designers.
Divide-se a tela em colunas e vamos encaixando os elementos dentro desse grid.
Todo framework CSS moderno traz um grid pronto para utilização. Todo código CSS necessário para correto posicionamento já foi escrito e só precisamos usar as classes certas. O Bootstrap tem um grid pronto e várias classes para usarmos.
O grid do Bootstrap trabalha com a ideia de 12 colunas e podemos escrever nosso código escolhendo quantas colunas ocupar.
Exemplo:
< div class="row" >
< div class="col-md-4" > ... < /div >
< div class="col-md-8" > ... < /div >
< /div >
Deixamos o primeiro DIV ocupando 4/12 da tela e o outro, 8/12. Repare que, para o grid funcionar, ao redor das colunas usamos um div com class row. Ele é necessário.
https://www.caelum.com.br/apostila-html-css-javascript/bootstrap-e-formularios-html5/#grid-responsivo-do-bootstrap
Gabarito: Certo