ฝัง
- เผยแพร่เมื่อ 9 ก.พ. 2025
- В этом уроке я расскажу Как сделать Аккордеон на Bootstrap 5 любой сложности. Аккордеон позволяет нам скрывать и показывать различные элементы на сайте. Особенность Аккордеона в том, что одновременно может быть открыт только один элемент, а все остальные скрываются. Сделать Аккордеон на Bootstrap 5 очень просто, посмотрите полностью этот видео урок и вы узнаете как сделать аккордеон на Bootstrap 5, как настроить и стилизовать аккордеон и добавить новые элементы в аккордеон на Bootstrap 5.
Документация Bootstrap 5 по Аккордеону: getbootstrap.c...
Сайт по которому мы верстаем: morphismail.gi...
Поддержать автора ₽ублем:
1. Сбер: 4274 3200 3233 1582
2. YooMoney: sobe.ru/na/itd...
3. PayPal: paypal.me/itdo...
Телеграм: t.me/itdoctors...
Лучшая брагодарность для меня это лайк, подписка и ваш комментарий под этим видео. Чтобы стать профессионалом в языке JavaScript изучите мой Супер курс по JavaScript: www.udemy.com/course/javascript-super/?referralCode=4C766EEB83F94DC1AE19
Автор этого курс учит пользоваться классами и шаблонами бутстрапа, за что ему огромное человеческое спасибо. В начале во всей этой документации разобраться очень тяжело, но благодаря этому курсу можно во все это втянуться. Вы заслуживаете куда большей аудитории, чем Гоша Дударь и Хауди Хо
Спасибо, очень приятно слышать добрые слова. Рад что оценили
Лайков незаслуженно мало, подача материала такая лёгкая и понятная, что учёба даётся с ещё бОльшим удовольствием. Спасибо Вам большое!
Спасибо что оценили!
Спасибо за качественный контент.
Классные уроки, большое человеческое спасибо! Очень легкая подача материала. Буду учиться у Вас!!!😊😊😊
Спасибо за оценку!
Спасибо за работу!Удачи!
Пожалуйста
Отличный урок, спасибо за труд!
Спасибо что оценили!
Супер!)
Отличное видео! Спасибо за труд!!👍👍👍👍👍👍👍👍
Супер подача! Спс автору
Спасибо что оценили
Спасибо, Док!
великолепный урок!!! большое спасибо!
Спасибо что оценили
Топ контент, спасибо.
Спасибо за оценку!
Спасибо!)
все четко и по делу
рад что оценили
спасибо!)
спасибо
Пожалуйста
Здравствуйте! А как использовать скрипт аккордеона только на определенном размере экрана?
🔥
спасибо
автор, подскажите, как в в vs code изменяете текст одновременно в нескольких строках? спасибо за ваш труд!
с зажатым альтом левы клик в нужных местах. подробнее про эту фичу и многие другие которые ускорят вашу работу можете узнать в мини-курсе, который бесплатный, настоятельно рекомендую уделить несколько часов буквально на него, не пожалеете: stepik.org/113654
@@ITDoctorблагодарю! лайк, подписка!
прошло 3 года . . . код на сайте БУДСТРАПА поменялся . . . уже нет идентификатора на 13:45 и все работает так же
Автор мощь💪🦾
Спасибо
Спасибо за урок. Уточнение: класс "fst-italic" описывается не в типографике, а в "Utilities -> Text".
Пожалуйста
а вообще это обязательно менять названия id и остальных атрибутов ?
или можно оставить так как есть ?
попробуйте оставить и проверить что получится
3:18 sChedule
Дружище, как ты пишешь код одновременно в двух местах?)
С зажатым Альтом + левой клик в нескольких местах. Этот и другие лайфхаки я описывал тут stepik.org/113654
Стрелочка разворота аккордеона описана не урлом, а вот так background-image: var(--bs-accordion-btn-active-icon);
Как теперь ее сделать белой?
Или я что-то не то делаю?
Я кажись понял. Надо в вычисленных смотреть. Там только полный путь показывает.
Получилось))
отлично
@@ITDoctor полный путь я нашел, но в нем нет свойства fill, попробовал добавить, но не помогло. Нашел url для иконки, в котором можно поменять цвет, только на странице бутстрапа в разделе аккордеон...
@@kurianov79 Понимаю, что уже не актуально, но, может, кому-то пригодится:
1) Когда переходишь по ссылке на переменную, копировать надо не то, что во всплывающем окне в пункте "current source", а именно значение переменной, т.е. url(...);
2) Вставляешь скопированное - там будет нормальный путь со всеми прибамбасами, включая свойство "fill".
3) Чтобы задать параметр филла в hex-формате, нужно вместо "#" написать "%23", т.е., например, белый цвет - "%23000", где "000" - цвет в hex-формате.
если тупо ниче не появляется?
как сделать чтоб в двух местак курсов наверси в классах
если вы про множественное выделение то в VS Code с зажатым alt + левый клик в нужных местах. в других редакторах может быть либо так же либо с ctrl. подробно про такое и многие другие фичи и лайфхаки по ускорению работы я рассказывал тут: stepik.org/113654
13:58
🥰
жесть....Flush отличается тем, что некоторые границы и некоторые закругленные углы исключены, чтобы отображать аккордеон от края до края с их родительским контейнером.
у меня тупо этот аккордеон не появляется))))и там нет написано какие скрипты подключать
нашла, что у меня класс так же назывался как в бутстрепе. но теперь не открываются эти, только зазвания цвет меняют при клике.
Неужели постоянно нужно вручную менять названия классов и идентификаторов, нет иного способа отделить каждый аккордеон от другого?
br ????????????????????????????????????????????????????????????????????????????????????????