Верстка сайта Bootstrap 5 - Начало. Адаптивное меню

[@TheStoryDash]

Актуальный код, для 5 версии бутстрапа! Navbar Home Link Dropdown Action Another action Something else here Disabled Search

[@phitrow]

Действительно рабочий!! тот даже с подсказками от Vladislav Striga не полностью работает. (у меня не сворачивается.. вообще)

[@kairhanserikbay3154]

У кого не открывается гамбургер надо изменить data-toggle на data-bs-toggle и data-target на data-bs-target а также если форма с поиском прижимается к меню надо поменять mr-auto на me-auto

[@dewaro8986]

Я попробовал исправить, не работает по прежнему

[@dewaro8986]

Нашел в чем причина, но теперь не хочет закрываться

[@училка88Маркова]

Спасибо тебе, добрый человек!

[@mokwar]

@@dewaro8986 в чем причина?

[@whyuxavier]

дідько, дякую тобі!

[@MrVlad0777]

Видимо поменялись классы, поэтому нужно менять mr -> me и параметры data-toggle -> data-bs-toggle и data-target -> data-bs-target

[@astana83zhan]

thanks very much

[@CrownlessX]

Отлично! А то я уж голову сломал где косяк то..

[@nachtwolf165]

Вот спасибо за подсказку! А то я уже два дня голову ломаю, почему не получается повторить, чтобы работало!..

[@АлексейСвичкарь-т9и]

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

[@jarkynai9063]

Уже начала с ума сходит. Спасибо))

[@storiesYouNeed21]

Не работает Dropdown, пришлось переделывать с документации по 5 версии пример брать, а ваш код это 4 версия, я пока не переделал так и не заработало, возможно ли интегрировать все версии бутстрап чтобы по всем версиям работать, не только с 5 Сравните сами вот рабочий пример и так же появилась подсветка при наведении: Web Dev Blog Home Blog About Dropdown Action Another action Something else here

[@Ovveee-e6i]

сверял код 100раз то ли ссылка не такая на будстрап как на видео то я не знаю че вообще не так

[@iliasadkovoi7793]

Скажу так , смотрел я уроки 3 части , и там все было плохо по объяснению , но глянул этот урок и просто кайфонул , спасибо тебе что ты прокачал свой скилл по объяснению

[@farangiznishonova848]

a vse, u vas versia takaya ok-sa "data-toggle" eto u vas a nado seychas "data-bs-toggle"

[@KrixsLV]

Спасибо ! Спас с dropdown-ом )) помогло !

[@ruslanch3990]

классы немного поменялись data-bs-toggler data-bs-target navbarSupportedContent id navbarDropdown mr-2 теперь me-2 container-fluid

[@vitali1959]

Web Dev Blog Home Blog About Dropdown Action Another action Something else here Search

[@zarinashirinova3691]

У меня меню в мобильной версии не открывает, что делать ?

[@foma649]

Ну круто, писал писал а потом бургер не открывается, и зачем я это делал?! Смысл мне дальше плейлист смотреть, если там скорее всего такая же петрушка будет. Я могу конечно в комментах сидеть искать решение, но мне это зачем, я лучше документацию читать буду чем комментарии.

[@dedregames9064]

Все быстро, четко, по делу. Респект за объяснения!

[@Просточел-е3щ]

Почему Я все уже сделал все работает Только почему меню поиска не с права? Я пробивал me и mr

[@SuprunAlexey]

Что пробивал?

[@Просточел-е3щ]

@@SuprunAlexey я чекал комментарии и вышло что там поменялись атрибуты. Ну заменил все работает Только там mr говорят теперь me А оно не работает Пробовал сделать это через код как на сайте бутстаппа но у них поиск с лева .

[@SuprunAlexey]

Не работает как в комментариях написали?

[@Tech_Noir68]

Сижу ломаю голову над тем почему у меня поисковая строка search впритык к dropdown , все в точности сделал как и ты но ничего не пойму что не так

[@КириллТихонов-с2й]

попробуй к форме ещё добавить класс ms-auto

[@ПётрПетрович-х6ш]

Код уже не актуален, т.к. меню-бургер не открывается. Что-то изменилось с тех пор, как записывали видео.

[@ДоткаЦарская]

Когда нажимаю на дропдаун, список появляется слева на сайте, а не под кнопкой. Как решить проблему?

[@animeamvshorts6316]

Кто знает, почему у меня эффекты не плавные как в видио? В карусели просто резко меняются картинки а не прокручивается как на видио и в выпадающем меню так-же. Подскажите пожалуйста в чём дело

[@alexeyilin1527]

Перешёл на tailwind, оч нравится)

[@tyrikbest777]

Подскажете пожалуста. На какой операционной системе лучше учить программировать? Винде или макос? И какое лучше железо? Амд или Интел?

[@SuprunAlexey]

Артур Шевченко на начальном этапе это не имеет никакого значения

[@tyrikbest777]

Спс

[@min8132]

я все делаю за втором, учел изменения 'bs', меню не получается горизонтальным, все равно появляется ниспадающее меню.

[@fastalberto2917]

От души бро. Спасибо за уроки

[@vadism3d343]

привет) возник вопрос, код точь в точь как у тебя но когда запускаю индексовский файл то у меня сразу ссылки меню спрятаны и открываются только по кнопке, в чем может быть проблема?

[@SuprunAlexey]

vadism3d / не совсем понял. У вас сразу открывается адаптивное меню?

[@vadism3d343]

@@SuprunAlexey нет, оно просто скрыто (в полной версии) а по кнопке открывается

[@dkashkarev]

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

[@SuprunAlexey]

Mr. DAN посмотрите мое видео, я показал как это делается

[@lite_go_9565]

Добрый день, добавьте следующие видео из этой серии в плейлист

[@michaeldelorens]

Очень полезно. Мог бы ты сделать видео с самыми необходимыми классами бутстрапа? Просто, смотрю и любуюсь ,как всё филигранно и быстро , но и попутно удивляюсь количевству незнакомых классов. Очень хотелось бы глянуть.

[@SuprunAlexey]

Да откройте канал эти видео есть, целый курс

[@michaeldelorens]

@@SuprunAlexey Нашел, спасибо)

[@troykarakum5219]

подскажи как добавить стиль, а именно покрасить сам бургер? рамку покрасил а сами три полоски не выходит Уроки супер, пересмотрел. Лайк везде!

[@НашаРыбалка-ш1й]

Почему никто не показывает, как кастомизировать bootstrap? Неужели вы используете весь этот css? 150kb сам бутстрап + шрифты + js. А ведь кое-где и 3g интернет еще в диковинку.

[@ВераГайдукова-ъ7ф]

Dropdown работает. но не так. как надо. Т .е открывается. но список дочерних ссылок не под материнской категорией, а в самом начале страницы. В чём может быть проблема?

[@sergeyladorski]

для данного пункта меню с dropdown кнопкой нужно добавить второй класс:

[@ВераГайдукова-ъ7ф]

​@@sergeyladorski спасибо! Теперь всё работает как надо.

[@Ilostmyhome-k5u]

Здравствуйте, у меня collapse не закрывает содержимое блока в чем может быть проблема?

[@AlexeyRiched]

подскажите не могу растянуть шапку на весь экран браузера ибо у меня кнопок больше и не влезает все. подскажите как растянуть на всю ширину страницы?

[@SuprunAlexey]

Container-fluid вам нужен вместо обычного контейнера, если я вас правильно понял

[@AlexeyRiched]

@@SuprunAlexey незнаю корректно ли так но я просто в style.css прописал .container { max-width: 100%} ))))) так можно? шапка растянулась))

[@AlexeyRiched]

@@SuprunAlexey но и container-fluid сработал спасибо) учусь еще...с нуля

[@SuprunAlexey]

Trader Freeman просто классу container добавьте -fluid в HTML файле

[@AlexeyRiched]

@@SuprunAlexey так и сделал) азы есть) в коде ориентируюсь)

[@yankoli]

Я так понимаю это будет лэндинг для портфолио проектов?

[@farangiznishonova848]

pochemu to u menya dropdown ne pokazivaet )) v cem mojet bit problema ?

[@taeminjin9677]

если не работает dropdown menu лучше самому переписать в html и настроить в css. Вот пример kzbin.info/www/bejne/bHTKn4qef5KUo6c

[@kairhanserikbay3154]

Измени data-toggle на data-bs-toggle и data-target на data-bs-target

[@nurdanokenov4439]

у меня dropdown не работает: WDB Home About Blog Blog dropdown1 dropdown2 dropdown3 Search

[@RMGame]

Очень круто,что теперь практика, но лучше бы ты взял хотя бы макет чуть по сложнее с слайдером, выпадашками и т.п. И еще вопрос, корректно ли юзать и не будет ли ошибок при использовании бутстрап совместно с своей сборкой галп?

[@SuprunAlexey]

Та макет по сложнее не все после теории осилят, это и долго, а такой прям отлично

[@SuprunAlexey]

По сборке не скажу, я ж не знаю что у вас там

[@welcomebrat]

Завтра досмотрю

[@ПавелСолод-н9х]

Не понимаю зачем это все прописывать если можно с бустрапа скопировать ? Лучше бы показали что от куда брали

[@AlexeyRiched]

спасибо бро! то что нужно!)

[@Брауни-г2ю]

где можно ссылку найти на бутстрап ?

[@Брауни-г2ю]

на JS то есть ?

[@alexandrrevo3214]

@@Брауни-г2ю да

[@АвотНадоВыходить]

Пытаюсь изменить цвет ссылок и borderа на белый не получается. Подскажи как быть?

[@arturmarkof4206]

element{ color: white !important; }

[@lowfps]

Bootstrap - это какая-то злая шутка. Находишь видео обучение и через месяц оно уже не актуально

[@SuprunAlexey]

Актуально

[@Просточел-е3щ]

@@SuprunAlexey Чек мой комент в вверху Я еле как сделал чтобы можно было выбрать дропдаун 123 поиск рип

[@SuprunAlexey]

@@Просточел-е3щ ??

[@Просточел-е3щ]

Ну поиск не с права И не сворачивается Хотя 4 раза все пересмотрел и все

[@phitrow]

А теперь пояснительную бригаду: как всё это работает?

[@ВасяВасильев-я7к]

Ох... уже 5й вышел? )) а я только с 3го на 4й перешел ))

[@SuprunAlexey]

Ага

[@zarinashirinova3691]

У меня меню ,в мобильной версии не открывается ,что делать ?

[@oldiBerezkoo]

Слишком много лишнего ты мог сделать код меньше и не понимаю зачем arisa

[@nurdanokenov4439]

интересно, круто!!

[@maksymgapachilo9507]

Не согласен в хидере с классом container после тега nav , я б поставил див с классом container сразу после тега header

[@anonim18pokib]

Я правильно понял?

[@maksymgapachilo9507]

Вот так я имел виду лучше сделать)

[@anonim18pokib]

@@maksymgapachilo9507 Я тебя понял. Кстати ты мне в 11 часов ночи ответил. Почему не спишь?

[@maksymgapachilo9507]

@@anonim18pokib так еще не так и позно, такой режим )

[@andreybaulin9869]

спасибо, но можно было переделать и указать какие классы должны быть, а то половина кода отсутствует и брать ее нужно из документации, для новичка будет невыполнимо

[@danilaundead4760]

выполнимо

[@иванжук-ц2н]

Давай урок по Laravel Вышол 8 версия

[@arkdzo]

В этом плейлисте нет больше видео по бутстрап5, только 1 видео

[@AntonioBenderas]

А продолжение есть?

[@SuprunAlexey]

Конечно, посмотри в плейлистах

[@AntonioBenderas]

@@SuprunAlexey Увидел, но последние 2 Бутстрап-плейлиста не заполнены. Видосики нашёл вне плейлиста. Спасибо, Мощные уроки

[@SuprunAlexey]

Мб

[@abdullohilhomov3381]

красава

[@OR-wv4dm]

А где продолжения?

[@danilciur5793]

Помогите у меня только бургер меню при любом разрешении

[@ПавелФедотов-в5ю]

У меня тоже было,я допустил ошибку : написал "...navbar-expЕnd-lg"а надо"...navbar-expАnd-lg",может и у тебя такая ошибка))))

[@Vlad1998996]

Ещё давай роликов

[@SuprunAlexey]

А вы эти написали у себя?

[@Vlad1998996]

@@SuprunAlexey Частично, я б сказал

[@assetapa7521]

Эм, этот сайт как у него можно тупо бутстрап готовые шаблоны повставлять с текстом и все тоже самое будет але

[@SuprunAlexey]

так с любым сайтом можно, не обязательно бутстрап, тут суть в том что бы вы научились делать такие сайты самостоятельно

[@димасафонов-ч4г]

как всегда откровенно слабо:открыл документацию -> nav -> взял код который подходит и конечно подключил блочно bootstrap. а всего 15 сек вышло в видео!? тогда далее,тогда далее,тогда далее воды давай,забыл про scss .ну да тогда далее про reboot опять забыл ну тогда далее,не стыдно !!??

[@nikitaukrainec948]

Кто-то розобрался что делать чтобы дропдаун выпадал?

[@vladpavluh4505]

поищи в комментах, люди пишут об изменении названий классов

[@pvestt7584]

блин не понимаю где все видео) ну ладно пойду дальше искать...

[@alexleshenko]

Зло ваш бутстрап)))

[@flexxx4198]

Почему?

[@Просточел-е3щ]

Я тоже так думал. НО уже нет )

[@danilkrymskiy846]

почему у меня нету 5й версии на сайте?

[@danilkrymskiy846]

нашел))

[@SuprunAlexey]

@@danilkrymskiy846 быстро, даже не успел ответить

[@ОлександрВишневий-х2е]

дякую за підказку. Бо теж не вийшло зразу. Підписка з мене

[@numikomar]

у мен я не работает js, что делать?

[@SuprunAlexey]

Как это не работает js

[@nikitayarosh3885]

у меня хэдэр не отобразился, удалил - всё ок)

[@SuprunAlexey]

Nikita Yarosh цвет ему поставил?

[@nikitayarosh3885]

@@SuprunAlexey да, конечно, у меня почему всё иногда через раз работает, а ещё я бы хотел попросить видео урок как подключить бутстрап к вью, реакту и ангуляру. просто я вот недавно начал проект на вью, вроде бы подключил бутстрап, и стили работают, а вот тот же тогглер, при уменьшении размеров экрана, нет, хотя я поппер подключил тоже, может, есть какие там нюансы?

[@SuprunAlexey]

Нюансы конечно есть. Посмотрите у меня курс на примере бутстрапа + реакт, во вью все примерно так же. (Курс один из последних на канале)

[@nikitayarosh3885]

@@SuprunAlexey ок, спасибо

[@Milkyway20239]

Что-то я запутался 🙈

[@Greiten]

Лол. Курс практики 1 видос)

[@SuprunAlexey]

@@Greiten то ты не внимательный

[@stanislavpetuhov7712]

Никакого объяснения.

[@zhuk462]

соответственно, соответственно, соответственно. X 1000 раз!!... режь! учить говорить! и снова режь!

[@SuprunAlexey]

Ok

[@timurislamov1671]

Однозначно дизлайк! Почему не объясняете - что это за классы, которые Вы используете? Почему не объясняете что они делают!?

[@SuprunAlexey]

Потому что это практика, показываю как работают. Гляньте курс по бутстрапу конкретно у меня на канале

[@deevue_sews]

Фу нахер...бутстрап