Урок 9. Верстка на bootstrap | Курс Веб разработчик | Академия верстки

Это закрытые записи курса веб-разработчик 10.0.

Подпишитесь на канал, если вам нравятся эти видео:

Больше контента в нашей группе Вконтакте
Присоединяйтесь к нашему сообществу Discord

Мой канал в telegram "Лысый из браузера"
-----------
Я использую хостинг Link Host с 2014 года

Каналы с крутыми фичами на CSS и JavaScript:

Канал с терминами для айтишников:

Канал, где публикуют ссылки на полезные сервисы и сайты:

[kozii-d]

Те, кто начали проходить курс в 21+ году и используют 5 версию бутстрапа, то в нём отменили класс btn-block. Для одиночных кнопок вместо него нужно добавить w-100

[luckyrobot]

Для bootstrap 4 название класса изменилось, пишется не col-lg-offset-3, а offset-lg-3. А то не хотел блок выравниваться по середине, замучился искать почему, оказывается класс изменился.

[xsful]

для тех, у кого input-lg не работает:
form-control-lg

пример:
<input type="text" class="form-control form-control-lg" placeholder="Ваш email">

[cyofsbi]

у кого нижняя кнопка не центруется:
<div class="row mx-auto">
<button class="btn-primary btn-lg form-btn">
Получить инструкцию
</button>
</div>

[Evgeny..]

Самые лучшие курсы, которые когда-либо проходил

[Talantbek]

ты молодец. Обьясняешь очень четко и классно

[MrKamaeb]

Я прост скачал себе Bootsrtap предыдущей версии и дальше продолжил обучение, главное-это понять основы!

[mhqtskk]

Для бутстрэпа четвертой версии пропишите:
<div class="col-lg-6 mx-auto">

[shamistanaliyev]

всё очень супер и понятно, спасибо большое!!!)

[_Fantom_.]

Спасибо за очень познавательный урок..

[wessonboy]

оберните кнопку еще в один класс и выровните по text-center
<div class="col text-center">
<button class="btn btn-primary btn-lg form-btn">Получить инструкцию</button>
</div>

[Oussama-vozk]

Для новеньких, для того что бы вы не мучались читая всю документацию для bootstrap 5. Вам это поможет. Можно не использовать offset, так как он не работает при добавлении множества col подряд в одном div. Если вы поставите центрирование и пропишите col col-lg-6 col-md-6 весь блок будет подстраиваться под ширину и тип который вы зададите без отступов offset.
<div class="container">
<div class="row justify-content-md-center">
<div class="col col-lg-6 col-md-6">

[braivs]

Со страстью смотрю это. Верю в силу веб разработки, что она по настоящему может приносить деньги. Понимаю что надо заставлять себя практиковать, так будет прогресс.

[helloworld-fvkx]

божеее, бутстрап это просто шедевр !!! а то эта адаптивная верстка на css не очень )))) спасибо за видео

[souichiX]

Когда переходишь с чистого CSS на bootstrap возникают те же чувства что и при переходе с JS на jQuery

[Mediumwell]

Если что-то из урока не работает на bootstrap 4, вбиваешь это в поиск на сайте и всегда находишь решение. 28:37 ctrl+клик это круто, не знал что так можно

[kazarinov_al]

какой командой заменить center-block в 4 bootstrap'e?

[lemonjuice]

Нижняя кнопка не сдвигается
Помоги! Всё делаю за тобой и такой нюанс вообще не нравится

[mhqtskk]

Как картинки feature-box двигать? Тоесть, я хочу подвинуть первое преимущество вправо, третее влево. Как это сделать?

[shamistanaliyev]

было бы хорошо, если бы оставлял ссылки на фотки