#1 Уроки по Bootstrap 5 - Обзор, загрузка и подключение

Поділитися
Вставка
  • Опубліковано 26 січ 2025

КОМЕНТАРІ • 187

  • @ITDoctor
    @ITDoctor  3 роки тому +27

    Начните зарабатывать деньги освоив самое важное для веб-разработчика. Изучим HTML, CSS, JavaScript, Figma, Photoshop, VS Code, Emmet, BEM, Bootstrap, Vue, Git, GitHub, Gulp. Расскажу как составить портфолио, резюме и взять первый заказ на фрилансе.
    📌 Курс "Frontend разработчик на HTML, CSS и JavaScript": stepik.org/a/113402

    • @marpusik1277
      @marpusik1277 3 роки тому

      Здравствуйте! А можно к вам на практическое менторство записаться по пару проектам, а то курсы уже прошол, но остались кое-какие пробелы. Заранее спасибо!

    • @PhilippTemkin
      @PhilippTemkin 3 роки тому +2

      Автор, запили курс по Bootstrap Studio

    • @marpusik1277
      @marpusik1277 3 роки тому

      @@PhilippTemkin ПРИСОЕДИНЯЮСЬ!!! ;)

    • @lev_bul
      @lev_bul 2 роки тому

      BAN

  • @canariawellhouse1927
    @canariawellhouse1927 Рік тому +10

    Спасибо Вам большое! Со стороны Bootstrap казался чем-то непонятным и сложным, а Ваши объяснения настолько простые и понятные, что удивляешься, что до этого было сложным. Ваш урок прям вернул веру, что самообучение возможно, спасибо Вам огромное за работу! Лайк и подписка!

    • @ITDoctor
      @ITDoctor  Рік тому

      Спасибо. Очень приятно слышать что у вас стало получаться!

  • @корилепа
    @корилепа 6 місяців тому +1

    Огромное спасибо за данный видеокурс! У вас очень приятная манера речи, что позволяет в разы проще понять, как работает этот фреймворк!!

    • @ITDoctor
      @ITDoctor  6 місяців тому

      Спасибо за оценку!

  • @lazylion8379
    @lazylion8379 2 роки тому +4

    Впервые сталкиваюсь с bootstrap5, раньше слышал про 4 версию, но не изучал, а щас увидел у вас это видео, я в шоке это большое облегчение для верстальщика, вместо того чтобы самому прописывать какие либо стили и разметки для формы с botstrap 5 делается в 1 клик. Супер, спасибо, что вы делаете такие уроки

    • @ITDoctor
      @ITDoctor  2 роки тому +1

      Спасибо что цените. Очень рад слышать, что вам понравилось!

  • @onemoreua
    @onemoreua 3 роки тому +7

    наконец-то нашел внятный урок по bootstrap, спасибо)

  • @MikaStan
    @MikaStan 4 місяці тому +1

    Супер! Давно наслышан про Bootstrap, но теперь посмотрел этот урок и восхитился! Уже начинаю понимать его суть!

  • @SchnippSchnappShnappi
    @SchnippSchnappShnappi 9 місяців тому +1

    Спасибо за плейлист, очень много нюансов освещаете, максимально полезно погрузиться в технологию быстро

    • @ITDoctor
      @ITDoctor  9 місяців тому

      рад что оценили

  • @СергейНикольский-у5ы

    Огромное спасибо!
    Успехов в работе, а нам вашими стараниями в учёбе.
    Высшая оценка и наилучшие рекомендации везде!!!

    • @ITDoctor
      @ITDoctor  Рік тому

      Спасибо большое. Всего вам наилучшего!

  • @the_codest
    @the_codest Рік тому +3

    Первый видос просмотрел и надеюсь, остальные будут в том же духе! Курс - огонь!!! 🔥
    Наконец-то материал, где спикер не берет данные "с потолка", а ссылается на доку, показывает, что откуда взялось и как взаимодействует! Автору - мегареспект 👍👍👍

    • @ITDoctor
      @ITDoctor  Рік тому

      Спасибо, надеюсь понравится и дальше!

  • @dmitry9088
    @dmitry9088 3 роки тому +14

    Новый цикл уроков - это всегда хорошо:)👍😊

  • @evielyn1976
    @evielyn1976 3 роки тому +6

    Спасибо, единственный нормальный курс по бутстрапу

  • @НикитаМещеряков-и6э

    Новый урок хочу, автолайк. Сча учусь, проект делаю, реально поможет)

  • @isok.atyrau
    @isok.atyrau 3 роки тому +6

    Благодарю за ваши уроки!!!

  • @АкимеУсеинова-с3е
    @АкимеУсеинова-с3е 3 роки тому +9

    Спасибо большое за ваши уроки!!!👍👍👍👍👍

  • @ЮляСолнце-ь2у
    @ЮляСолнце-ь2у Рік тому +2

    Большое спасибо автору канала! Этакая палочка-выручалочка!😊😊😊

  • @elenapolat9228
    @elenapolat9228 3 роки тому

    это самое понятное разъяснение.никогда не пользовалась bootstrap, но после этого видео всё поняла.спасибо

    • @ITDoctor
      @ITDoctor  3 роки тому

      пожалуйста

  • @ДарияДолгая
    @ДарияДолгая 4 місяці тому +1

    Благодарю! Ваш канал - огонь!)

    • @ITDoctor
      @ITDoctor  4 місяці тому

      Спасибо за оценку

  • @Игорь-М-8
    @Игорь-М-8 18 днів тому

    Спасибо! Отличный урок!

    • @ITDoctor
      @ITDoctor  9 днів тому

      Спасибо за оценку

  • @chuvital
    @chuvital 3 роки тому +4

    Спасибо! Отличное видео.

    • @ITDoctor
      @ITDoctor  3 роки тому

      пожалуйста

  • @emptyspace2310
    @emptyspace2310 2 роки тому +5

    Спасибо за контент, очень доступно и полезно. Вы сделали ценные уроки

    • @ITDoctor
      @ITDoctor  2 роки тому

      Спасибо. Очень рад что вы оценили

  • @vladlewandowski8806
    @vladlewandowski8806 Рік тому +1

    Огромное спасибо!!! Прикольная вещь! Потрясающе!

    • @ITDoctor
      @ITDoctor  Рік тому

      Спасибо что оценили

  • @beuef1379
    @beuef1379 3 роки тому +1

    Спасибо! Одно из самых содержательных и понятных видео!

    • @ITDoctor
      @ITDoctor  3 роки тому

      Пожалуйста

  • @JeDesi
    @JeDesi 6 місяців тому +1

    Большое спасибо! Очень крутой контент у Вас!

    • @ITDoctor
      @ITDoctor  6 місяців тому

      Спасибо за оценку!

  • @rmn2321
    @rmn2321 2 роки тому +1

    Отличный урок! Лайк + подписка, ну и комментарий для продвижения видео)

    • @ITDoctor
      @ITDoctor  2 роки тому

      спасибо за вашу активность!

  • @АндрейАверин-э5з
    @АндрейАверин-э5з 2 роки тому +2

    Спасибо огромное! Отличное руководство

    • @ITDoctor
      @ITDoctor  2 роки тому

      Рад что оценили

  • @АндрейСаутенко-ч3р
    @АндрейСаутенко-ч3р 2 роки тому +1

    спасибо за урок) буду изучать с вашей помощью)

    • @ITDoctor
      @ITDoctor  2 роки тому

      всегда пожалуйста

  • @donaks
    @donaks 3 місяці тому

    Спасибо за прекрасный курс!

    • @ITDoctor
      @ITDoctor  3 місяці тому +1

      Спасибо что цените

  • @aceracer5556
    @aceracer5556 3 роки тому +3

    Спасибо за обзор! Интересует разбор зависимостей модулей через npm install, для оптимизации

  • @georgiy-sergeev
    @georgiy-sergeev Рік тому +1

    Спасибо, отличная подача!

    • @ITDoctor
      @ITDoctor  Рік тому

      спасибо за оценку

  • @AlexDevPc
    @AlexDevPc 3 роки тому

    Очень классный урок. Лучше пока что не встречал!

  • @LEXYteam
    @LEXYteam 3 роки тому +5

    Русская версия может пригодиться если что-то будет не понятно. И мод со сниппетами тоже полезный. Вообще все что может сэкономить время - полезно). В обзоре 5й версии можно было про это вообще не упоминать, так я бы про мод неизвестно когда узнал если бы вообще узнал, но вы упомянули. Мелочь, а приятно и за это отдельное спасибо. Еще и как пользоваться показали.

    • @ITDoctor
      @ITDoctor  3 роки тому

      пожалуйста

  • @vovaka440
    @vovaka440 3 роки тому +1

    Спасибо за такую работу, все понятно, просто и быстро! :)

    • @ITDoctor
      @ITDoctor  3 роки тому

      Пожалуйста

  • @Tech-m3o
    @Tech-m3o 3 роки тому +1

    всё по делу, без лишней возни, спасибо!

    • @ITDoctor
      @ITDoctor  3 роки тому

      Пожалуйста

  • @jahongirmusayev658
    @jahongirmusayev658 3 роки тому +3

    Спасибо, было полезно! Жду подключение через npm. Проблема у меня с подключением js.

  • @lumeaceaiuluisrl6343
    @lumeaceaiuluisrl6343 3 роки тому +3

    Круто! Спасибо)

  • @dimalukashenko4865
    @dimalukashenko4865 2 роки тому +1

    Отличный урок, спасибо за труд!

    • @ITDoctor
      @ITDoctor  2 роки тому

      Спасибо что оценили

  • @sichouli1914
    @sichouli1914 2 роки тому +1

    Огромное спасибо вам за урок!

  • @time4769
    @time4769 3 роки тому +5

    будет верстка в ближайшее время с Bootstrap 5? чтоб все понять с функционалом и тд

  • @ВсеволодРусинский
    @ВсеволодРусинский 2 роки тому +17

    👉 Этот комментарий создан в качестве уважения автору и для продвижения его канала.

    • @ITDoctor
      @ITDoctor  2 роки тому +2

      Спасибо большое

  • @nikitaalekseev991
    @nikitaalekseev991 3 роки тому +1

    Хороший урок по Bootstrap 5 !

  • @kostukov75
    @kostukov75 3 роки тому +4

    Огонь!!!

  • @404Negative
    @404Negative 9 місяців тому +5

    краткое содержание ролика: "я скопировал код из документации и вот посмотрите у меня тут кнопочка, у меня тут галочка, у меня тут кнопочка у меня тут галочка. а вот еще я скопировал код из документации и у меня тут кнопачка а тут картиночка у меня тут кнопочка а тут картиночка"

    • @ITDoctor
      @ITDoctor  9 місяців тому +1

      👏👏👏с такими навыками можно работать нейросетью

  • @АндрейКубаренко-й5ж

    Спасибо, Док!

    • @ITDoctor
      @ITDoctor  2 роки тому

      Пожалуйста

  • @user-frond-end_dev
    @user-frond-end_dev Рік тому +1

    красавчик, спасибо за видосы!!!!!))))))..............

  • @user-ph5qw4nz7h
    @user-ph5qw4nz7h Рік тому +1

    Отличная инфа автору респект и уваженеие ))

  • @АлиевЗайнула
    @АлиевЗайнула 3 роки тому

    Спасибо тебе! Еслиб не такие благодеятели как ты, которые распространяют знания, чтоб мы вообще делали?)

    • @ITDoctor
      @ITDoctor  3 роки тому +1

      Приятно слышать что мой труд полезен

  • @ИвановВасилий-г5б
    @ИвановВасилий-г5б 10 місяців тому +1

    Просто, доступно. респект

    • @ITDoctor
      @ITDoctor  10 місяців тому

      Спасибо

  • @sergejchap62
    @sergejchap62 Рік тому

    Спасибо. Отличный вводный урок.
    Надеюсь будет что-то по IDE для bootstrap. Где можно прочитать функционал блоков.
    Всё это разбирать из VsCode похоже так ещё идея. Даже со сниппетом.

  • @iskanderalyautdinov7382
    @iskanderalyautdinov7382 3 роки тому +1

    Шикарно! Спасибо огромное!

    • @ITDoctor
      @ITDoctor  3 роки тому

      Пожалуйста

  • @smayev
    @smayev Рік тому +1

    Cпасибо большое братан✊✊✊

    • @ITDoctor
      @ITDoctor  Рік тому

      Всегда пожалуйста✊✊✊

  • @hakimjonghaniev5536
    @hakimjonghaniev5536 2 роки тому +2

    Спасибо все очень хорошо и отлично рассказано

    • @ITDoctor
      @ITDoctor  2 роки тому

      Спасибо что оценили

  • @АлексейАлексей-э1т

    после изучения HTML и CSS ты мне открыл новый мир)!!!

    • @ITDoctor
      @ITDoctor  3 роки тому

      я очень рад

  • @tomash8441
    @tomash8441 3 роки тому +1

    То что искал просто

  • @robbyandreasian
    @robbyandreasian Рік тому +1

    очень доступно ! спасибо !

  • @АлиевЗайнула
    @АлиевЗайнула 3 роки тому

    Ребята, курс просто идеален! Кто хочет изучить бутстрап, то это только этот плейлист

  • @aleksandrskafandr
    @aleksandrskafandr 6 місяців тому

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

  • @lizanatina4272
    @lizanatina4272 Рік тому

    Отличный урок!

  • @ПавелКонстантинов-в7я

    почему JQuery перестают использовать? Вроде намного удобнее чистого JS

  • @вукі
    @вукі Рік тому +1

    Красава!!! ❣Спасибо!❣

  • @АнастасияТ-ь8о
    @АнастасияТ-ь8о 10 місяців тому +1

    Спасибо!)

    • @ITDoctor
      @ITDoctor  10 місяців тому +1

      Спасибо что оцениваете!

  • @ВладКошелев-ъ1и
    @ВладКошелев-ъ1и 2 роки тому

    не могу скачать в расширение boostar5 для всплывающие меню после того как написал b5-form что делать?

  • @АртёмДавыдов-ы5э
    @АртёмДавыдов-ы5э 3 роки тому

    Добрый день, можете сделать видео.
    Верски интернет магазина на Bootstrap 5 виде лендинга

  • @it-solutions05
    @it-solutions05 3 роки тому

    Подскажите пожалуйста, как использовать в maven?

  • @やくざちらつき
    @やくざちらつき 3 роки тому

    Здравствуйте,
    ITDoctor,вопрос:можно ли комбинировать(мешать) стили Bootstrap с другими,при написании кода в начале ...,какая правильная последовательность подключения ,включая Bootstrap? Потому что стили Chrome видит,а эффекты не работают,к примеру аккордеон.

  • @РНС_Саакашвили
    @РНС_Саакашвили 7 місяців тому

    16:58 ... у вас справа ЕСТЬ описание снипета, а у меня НЕТ - только название есть слева . . . подскажите пжлста как исправить

    • @ITDoctor
      @ITDoctor  7 місяців тому

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

    • @РНС_Саакашвили
      @РНС_Саакашвили 7 місяців тому

      @@ITDoctor вот все мои установленные плагины:
      Angular Snippets
      Auto Rename Tag
      Bootstrap 5 & Font Awesome Snip
      C/C++
      Code Runner
      CSS Peek
      CSS Peek
      Elm Emmet
      Elm Emmet
      ESLint
      HTML CSS Support
      HTML CSS Support
      JavaScript (ES6) code snippets
      JavaScript Debugger (Nightly)
      Live Server
      Path Intellisense
      Quokka.js
      а настройки какого плагина нужно посмотреть ?

  • @antonnikulich
    @antonnikulich Рік тому +1

    как у вас в браузере сделано General?)))
    уроки топ!
    пересматриваю когда что-то подзабыл

    • @ITDoctor
      @ITDoctor  Рік тому

      Не понял о чем вы задали вопрос?

  • @khasankkk
    @khasankkk 9 місяців тому +1

    Как хорошо что я вас увидел яя и не знад что bootstrap это удобно

    • @ITDoctor
      @ITDoctor  9 місяців тому

      спасибо за оценку

  • @РНС_Саакашвили
    @РНС_Саакашвили 7 місяців тому

    изложение - именно то что нужно для новичков . . . единственное ЗАМЕЧАНИЕ: когда вы набираете сокращенное название снипета - то ДЕЛАЙТЕ ПАУЗУ хоть секунду перед тем как нажать клавишу Табуляции

    • @ITDoctor
      @ITDoctor  7 місяців тому

      спасибо за обратную связь

  • @ВасилийДабижа-э3ш
    @ВасилийДабижа-э3ш 2 роки тому

    подробно, доступно, спс

    • @ITDoctor
      @ITDoctor  Рік тому

      Рад что оценили

  • @ДимаМитус-ч6щ
    @ДимаМитус-ч6щ 3 роки тому +1

    Если я не знаю бутстрап 4 надо сначала по нему видео уроки смотреть или можно сразу уроки по 5 смотреть. Я ж так понимаю многие ещё на 4 версии работают?

    • @ITDoctor
      @ITDoctor  3 роки тому +1

      Они похожи в целом, разберётесь с одним разберётесь и с другим

  • @АлександрМелянюк-ц9ю

    Спасибо! Новый плейлист?

  • @ТОЛЬКОПОБЕЗДОРОЖЬЮ

    хорошая вещь этот будстрап

  • @pstrtk3661
    @pstrtk3661 11 місяців тому +1

    Актуален ли этот курс в 2024 году?

    • @ITDoctor
      @ITDoctor  11 місяців тому

      если интересно мое мнение можете прочитать ответ на этот вопрос в пункте 11 по этой ссылке t.me/itdoctor_official/1035 а по желанию можете все прочитать, там много мыслей и рассуждений на схожие темы. Это касается и конкретно этого урока. Так как версия все еще 5 актуальна. Да 5.... но все равно глобально ничего не поменялось.

  • @maltamagistro
    @maltamagistro Рік тому

    Голос знакомый, это не ты на степике делал курс по EMMET?

    • @ITDoctor
      @ITDoctor  Рік тому

      Скорей всего я.

  • @asrormajnunov6364
    @asrormajnunov6364 2 роки тому

    привет ! а как работать на саблайме для того чтобы подключать снипетс))) может я неправильно выражаюсь. Но заранее спасибо

    • @ITDoctor
      @ITDoctor  2 роки тому

      Это уже зависит от вашего редактора я им давно не пользуюсь, и если честно никому его уже не рекомендую . Но дело ваше. Просто придется поискать в интернете ответы. У меня есть плейлист про sublime там и про плагины я рассказывал можете посмотреть. Но не факт что там есть такой же плагин как и в vs code

  • @user-buser_eto_ja
    @user-buser_eto_ja 2 роки тому

    Ни как не могу понять почему у меня не работает все, где требуется js? На степике если приобрету курс, обсуждается этот момент?

    • @ITDoctor
      @ITDoctor  2 роки тому +1

      На Степике те же самые лекции. Там только есть практические тесты и задания. У вас скорей всего в браузере заблокирована работа javascript.

  • @GGSoft2009
    @GGSoft2009 2 роки тому +1

    Спасибо!!!

    • @ITDoctor
      @ITDoctor  2 роки тому

      Пожалуйста

  • @Mr.Capone-
    @Mr.Capone- 2 роки тому

    после видеокурса по бутстрап 5 от webformyself посмотрю этот плэйлист. Вот только я не понимаю: если есть русская документация зачем показывать на англ?)

    • @ITDoctor
      @ITDoctor  2 роки тому

      Может кому то будет нужно

  • @egorvafin1978
    @egorvafin1978 Рік тому +1

    Спасибо

  • @iddev6680
    @iddev6680 3 роки тому +3

    Я везунчик ✧\(>o

  • @isok.atyrau
    @isok.atyrau 3 роки тому

    Доктор вопрос в чем отличие подключения файла отдельно или через CDN???

    • @ITDoctor
      @ITDoctor  3 роки тому +1

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

  • @davidbidzhoian1527
    @davidbidzhoian1527 Рік тому +1

    крутой видос

  • @ВиталийЮркин-м7п
    @ВиталийЮркин-м7п 3 роки тому

    Если только сетка нужна, файл bootstrap.bundle.min.js все равно надо подключать?

    • @ITDoctor
      @ITDoctor  3 роки тому +1

      Сетка без js работает. Только grid.css

    • @ВиталийЮркин-м7п
      @ВиталийЮркин-м7п 3 роки тому

      @@ITDoctor Спасибо! ) Reboot тоже без js работает? Reboot - это аналог normallize? Normalize можно тогда не подключать, если reboot подключен?

  • @beuef1379
    @beuef1379 3 роки тому +1

    Лайк и подписка!

  • @azatazamatov8820
    @azatazamatov8820 2 роки тому +2

    Лайк!

  • @rustam_4
    @rustam_4 2 роки тому +2

    Этот коммент для продвижения видео

  • @imbydlo1552
    @imbydlo1552 3 роки тому

    А как вы смотрите на tailwind??? По вашему мнению он лучше чем bootstrap???

    • @ITDoctor
      @ITDoctor  3 роки тому

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

  • @やくざちらつき
    @やくざちらつき 3 роки тому

    Выпадающее меню Bootstrap не работает.

    • @keks_o4162
      @keks_o4162 2 роки тому

      Привет, такая же ситуация, не могу понять в чем дело ( Вы решили?

    • @ЮрийВеригин-у2э
      @ЮрийВеригин-у2э Рік тому

      @@keks_o4162 у меня такая же проблема была. набираю b5 и не чего не предлагает в в выпадающем меню. Оказалось что не тот плагин поставил. Он тоже называется Bootstrap 5 ...... посмотрите повнимательнее полное название.

  • @deltaradune
    @deltaradune 3 роки тому

    как называется тема ваша в vscode ?

  • @ArtSer100
    @ArtSer100 3 роки тому +1

    OKey!

  • @webdeveloper6835
    @webdeveloper6835 2 роки тому +2

    ка-та-ло́г

  • @TheZayetZ
    @TheZayetZ 3 роки тому +1

    урок супер. но блин катАлог??? аж подташнивало)

  • @tox1cozZ
    @tox1cozZ 3 роки тому

    Я один ждал Vue 3? :(

    • @aceracer5556
      @aceracer5556 3 роки тому

      Ты не один )) Но bootstrap тоже нужен бывает

  • @_SOMEONE_
    @_SOMEONE_ 11 місяців тому +1

    Я не понимаю: каким боком это "уроки по Bootstrap". Как по мне это просто создание сайта. Автор почти ничего не объясняет, а просто копирует код из документации. Темы в "курсе" не рассортированы, а смешаны в какую-то кашу. Если параллельно не читать документацию, то "курс" вообще не понятный. Короче, не рекомендую этот "курс" лучше уже самому прочитать документацию, там хотя бы все по полочкам разложено.

    • @ITDoctor
      @ITDoctor  11 місяців тому

      Если вы посмотрели только первый урок и сделали выводы, то жаль. Если вы посмотрели всё последовательно в плейлисте, шаг за шагом, где более чем подробно все рассказано и про сетку и про типографику, то пусть будет так, ваше мнение может быть любым это нормально. А документацию читать в любом случае нужно параллельно.

  • @goldlight740
    @goldlight740 4 місяці тому

    Если бы не катАлог, было бы всё замечательно)

  • @V___l
    @V___l 6 місяців тому

    сын катАлога

  • @intedent9280
    @intedent9280 3 роки тому

    yy.

  • @faizulla5838
    @faizulla5838 3 роки тому

    на 1,5 хорошо слушается.... кто на 1,0 тем мои соболезнования.
    Бутстрап вроде библиотека????? могу ошибаться, неохота гулить, спать охота

  • @uvencosuper3471
    @uvencosuper3471 Рік тому

    bootstrap.min.css включает в себя ребут или ребут нужно дополнительно предварительно подключать отдельно, что бы сбросить стили перед остальной работой бутстрапа?

  • @mialii7940
    @mialii7940 Рік тому +1

    Спасибо! Замечательное видео!

    • @ITDoctor
      @ITDoctor  Рік тому

      Спасибо что оценили