<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>
происходит наложение зеленых блоков на красные после фразы hello world а черные блоки ниже под красными и заголовком, код как на видео, а творится ересь, в чем ошибка?
Аналогичная проблема. Попробовал даже полностью исходный код скопировать (к 11 уроку он приложен) - бестолку, всё равно отображается косо... Возможно, версия бутстрапа как-то поменялась и теперь код иначе писать надо. Написал по обратной связи руководству курса - может, они что-то прояснят. Убрать наезжание зеленого блока на красный получается, если вынести зеленый и черный блок в отдельный div container-fluid, который будет лежать уже под красным. Но заставить работать hidden-xs пока не получается...
Update: да, дело точно в бутстрапе. Если скопировать из папки с исходным кодом бутстраповские файлы, то всё работает. А в той версии, которую я скачал сегодня с офф сайта - нет. В общем, видеоурок устарел.
у вас блок-контейнер имеет красный фон
внутри него блоки с зеленым и черным фонами - соответственно они накладываются поверх красного
далее вы задаете col-lg - т.е. для больших экранов блоки будут занимать 9 частей и 3 части соответственно и находится рядом (в строке на одном уровне вертикальном)
на малых экранах - меньше ширины соответствующей "col-lg" - блоки зеленый и черный будут друг под другом
Т.е . делая вывод из вышенаписанного. Придется просто скопировать файлы bootstrap из 11 урока и дальше работать по ним. А с обновленной версией разбираться самому?
В принципе есть на сайтах (спамить ссылками не буду, поищите сами) информация как это исправить, но тогда получается уроки сняты по старой версии bootstrap и есть ли смысл проходить данный курс?
