Урок 2. Bootstrap 4. Быстрый старт. Компонент Navbar

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

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

[samumbaks]

Пожалуй этоо лучшее объяснение бутстрапа, спасибо большое))

[mqbihpv]

Спасибо за науку!!! Действительно очень помогло! Пришел после Stepik курса по html кто-то ссылку скинул. Не останусь в долгу также ссылок накидаю в степике!

[iamzvir]

блин! обнимаю братан, как ты мне помог, просто "no comments" 👍👍👍🍻

[maria.indigena]

Это, конечно, всё интересно и полезно, и я воспользовалась вашей помощью, но... лайк за ASMR =D

[Astdaban]

Буквально сегодня думал мысль: "Что-то давненько от Андрея Кудлай ничего новенького не смотрел". И вот захожу на почту, и вуаля! Аж целых несколько уроков! Мне бутстрап не интересен. Я сайты пачками не клепаю. В тех двух сайтах, что администрирую, мне чё-то интересно колупаться нативными технологиями. А вот видео Андрея всегда смотрю с удовольствием. Будет про бейсик рассказывать - буду смотреть.

[Udobniy_prokat_tyumen]

Спасибо, все очень понятно. Можно еще тему, как редактировать тему в WP на бутсрапе.

[UNDERGROUNDTVHD]

В сублайм тексте нажми view - > layout - > columns2 Так на много удобнее работать с html и css

[dan.gorbunov]

2-й урок - раздвинуть навбар justify-content-end
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">

[Oksana_Bon]

какой link нужно подключасть? на разных сайтах разные ссылки и от этого разный результат

[ucbgtwl]

почему-то большинство не договаривают моменты. как например, цвет navbar белый. сделайте его чёрным, и границы его будут другими. как фон header выходит за рамки .container да и у остальных блоков, мало кто показывает

[rhpkyfr]

При копировании Navbar все его элементы выстраиваются вертикально, а float="inline" не помагает выровнять меню горизонтально. Что делать?

[uylfysu]

Что за расширение на просмотр адаптивности?

[koalarivz]

Спасибо за видео. Почему нужно header писать перед классом?

[ssss..]

А как сделать панель навигации прозрачной. Я хочу, чтобы была картинка большая и вверху этой картинки был навбар

[zsplysd]

style.css подключил, стили работают, но цвет текста и ссылок никак не хочет изменяться, в чём может быть проблема? можно конечно на всё, что не работает поставить !important, но есть ли другие выходы?)



+ не работает header .nav-item a::after вместе с hover'ом, тоже интересно знать почему

[rotycyk]

подскажите пожалуйста, делаю всё по вашему видео уроку, но свои стили не изменяют внешний вид страницы, хотя файл подключён к html-доку.

[gTigeRuS]

А что за программа редактор html кода, css? И как это так вы сохраняете, а браузер уже видит изменение без обновления страницы принудительно? И еще вопрос: а что за браузер такой, где можно цвета получать пипеткой? Или это плагин?

[ZPUA]

Подскажите, а что за плагин "инструмент для адаптивности"?)

[bncmijb]

как называется инструмент для просмотра адаптивности на 7:41 минуте? и каким браузером пользуется он?

[DrakeUA]

Как сделать чтоб после перехода по клику в бургер меню сам бургер закривался?