Уроки Bootstrap верстки / #15 - Создание сайта на Bootstrap

В этом уроке мы с вами приступим к созданию полноценного сайта на Bootstrap. Мы будет делать небольшой адаптивный современный сайт на Bootstrap. В ходе создания сайта мы закрепим все те знания, которые мы изучали на протяжении всего видеокурса.

✔ -------------

- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #GoshaBootstrap

[Ivan-rcit]

Отличные уроки. Действительно с помощью Bootstrap получается быстро сверстать сайт)
Спасибо Гоше!!!

[qpgzpsc]

Красавчик! Отличный курс! Быстро и понятно

[gshsjtp]

Спасибо, познавательно, коротко, полезно и по делу.

[ainuramederbekova]

спасибо за интересные и отличные уроки!!! Упс-упс ))))

[Gudjenko]

Сделайте урок по валидации / проверке форм в Bootstrap

[kostasancez]

Помогите, навбар не алаптивится в инструменте разработчика, просто уменьшается, а кнопка как на видео не появляется, появляется если масштаб увеличивать

[TonyVCLCSA]

Народ. Если кто-то новичок, как я, и так уж случилось, что работать приходится с 4-ой версией Bootstrap, то код из программы, у вас работать не будет. У вас есть 3 варианта:
1-ый - Забить болт, ну его, не работает и хрен знает почему. Иди оно лесом.
2-ой - отправится гуглить и потратить много часов на поиск того, не знаю чего и почему в видео все работает, а у вас нет? Зато если найдете, сразу +100 к скиллу.
3-ий - скопировать код ниже. Я прокомментировал все. как мне кажется, непонятные моменты.

<nav class="navbar navbar-dark bg-success navbar-expand-lg"><!--dark, success - цвета.
если убрать navbar-expand-lg, то кнопка появится сразу, игнорируя размер экрана-->
<div class="container">

<a href="#" перед кнопкой, то будет слева, после кнопки - справа-->

<button class="navbar-toggler" data-toggle="collapse"
<!--Toggler! Не toggle-->
<span <!--Черточки-->
</button>

<div class="navbar-collapse collapse">

<ul class="navbar-nav mr-auto"></ul> <!-- Эта штука отправляет форму вправо,
если знаете другой способ, буду рад узнать. При желании в нее можно запихнуть разные
элементы ссылки, кнопки, dropdown'ы-->

<form action="" Ну если хотите,
поставьте и посмотрите, что будет. form-inline-->
<div class="form-group">
<input type="text" placeholder="Email" class="form-control">
</div>
<div class="form-group">
<input type="password" placeholder="Password" class="form-control">
</div>
<button class="btn btn-info" type="submit">Send</button>
</form>

</div>

</div>
</nav>

[Andrii_Vin]

*хотелось бы еще видеть уроки по PHP.... функционал сайта*

[qsxeyss]

почему ты на бутстрапе не используешь секции <header> и <footer>, пишешь их дивами?

[Vitalij]

Как Вы меняете bootstrap стили при помощи css?

[postelb]

я тоже после уроков много делал сайтов тестовых, но адаптивность такое себе, только до 790x502 где это выглядит адекватно и то не очень..(знаю поздно)

[postelb]

перевод lorem ipsum - Lorem Ipsum боль сидеть Амет, consectetur adipiscing Элит., Однако, потому что я думал, что это удовольствие очень приветствуют ошибки, chiefe о временах выбранной для аспекта архитектора как способ напомнить тем, в крышке времени, поэтому, за право всех!

[kmmvbwt]

Не подключились текстовые стили бутстрапа. В чем может быть ошибка ?

[EdwardNorthwind]

Жаль текст не становится мельче и кнопки класс btn-sm не получают((((

[jptiiuq]

у меня почему то из кнопки не чего не выпадает когда сворачиваю до мини версии

[kolbasavert]

у меня как то растягивается всё на весь экран и выглядит коряво .

[isaaccongats]

Чувак, подучи английский пожалуйста. Буквально 2-3 слова. Не Хидер, а хэдэр, Не итим, а айт(и)м. Ну серьёзно, прям закрыть сразу хочется, 9 из 10 "учителей" на ютюбе совершают эти ошибки, ну не разу не нашёл толкового.