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

Поделиться
HTML-код
  • Опубликовано: 16 май 2021
  • Подробнее о курсе "Bootstrap5+OpenCart3. Создание интернет-магазина": webformyself.com/bootstrap/
    Исходные материалы к уроку тут: t.me/webformyself/3032
    Верстаемый в уроках шаблон предполагает наличие в шапке навигационной панели, в левой части которой находится логотип и меню сайта, а в правой части - интерактивные иконки. Эту структуру можно очень быстро получить, если воспользоваться одним из готовых компонентов Bootstrap - это компонент Navbar.
    В уроке вы увидите, как использовать компонент Navbar, как выравнивать элементы в нем, как можно кастомизировать содержимое навигационной панели. Также в видео будет показан вариант симпатичного эффекта анимации для меню.

Комментарии • 18

  • @_pheax
    @_pheax Год назад

    спасибо, понятно всё обьясняете

  • @user-ey8dz7jx6j
    @user-ey8dz7jx6j 3 года назад +13

    me-auto - это end, ms-auto - это старт. Отсылка на флексы.

    • @matroskin978
      @matroskin978 3 года назад +1

      Спасибо, мне как-то сразу не пришел этот вариант на ум. К слову, я, наверное, не один такой, поскольку сейчас в документации появилась расшифровка букв "e" и "s" - prnt.sc/132x5ej - раньше расшифровки не было :)

  • @marysgran9880
    @marysgran9880 Год назад

    Как изменить стиль шрифта (fonts)? Какой класс для этого использовать?

  • @user-cn2fp2ro9x
    @user-cn2fp2ro9x 2 года назад +3

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

  • @scheme_academy1
    @scheme_academy1 10 месяцев назад +1

    Как подключить font-awesome к проекту. Где взять ссылку

  • @user-do3or8jr7v
    @user-do3or8jr7v Год назад

    Почему у меня форма растягивается на всей ширине монитора? копирую код с официального сайта бутстрап, вставляю, результат - элемент растянут на всю ширину экрана, не так как на картинке. Что делать?

  • @user-cb4ww8vr4q
    @user-cb4ww8vr4q Год назад

    Лучший

  • @darkelectro7044
    @darkelectro7044 Год назад

    что за плагин для хром используется

  • @SenSei_l
    @SenSei_l 11 месяцев назад

    Как поменять размер шрифта и сам шрифт а также р азмер кнопок
    скажите пожалуйста
    СРОЧНО

  • @freudehoffmann8717
    @freudehoffmann8717 2 года назад +1

    22:00 navbar-light же удалялся в предыдущем уроке

  • @user-nh3uc3ns2g
    @user-nh3uc3ns2g 3 года назад

    Что за браузер используется в этих уроках?

  • @user-pw9zk4hn1q
    @user-pw9zk4hn1q 3 года назад +2

    Для выравнивания выпадающего списка по правому или левому краю у bootstrap есть специальный класс

    • @matroskin978
      @matroskin978 3 года назад +5

      Подскажите его, если не сложно.
      UPD. Посмотрел, нашел - класс dropdown-menu-end. В любом случае, спасибо за подсказку, как-то не обратил внимания на этот раздел документации.

  • @ivankalashnikov7700
    @ivankalashnikov7700 2 года назад

    Ме и мс это от слов старт и энд

  • @aleksandr-kj6dv
    @aleksandr-kj6dv 2 года назад +1

    Бред какой-то почему элементы внутри блока где me стоят в начале, а в блоке где ms в конце

    • @qwespb7898
      @qwespb7898 Год назад

      me - margin-end
      ms - margin-start