Bootstrap 4 navbar-navbar-expand-sm не реагирует, не может сдвинуться вправо, а кнопка переключения не видна в начале ⇐ CSS
Bootstrap 4 navbar-navbar-expand-sm не реагирует, не может сдвинуться вправо, а кнопка переключения не видна в начале
Спасибо за прекрасную поддержку и помощь, которую я получил ранее. Теперь я столкнулся с проблемами при работе с веб-сайтом с использованием начальной загрузки 4:
[*]Я использую класс «navbar navbar-expand-sm», но он не реагирует при перетаскивании экрана ниже 600 пикселей. [*]Я хочу переместить все пункты меню в самую правую сторону, но не могу этого сделать. [*]Кнопка переключения также не видна.
Пожалуйста, помогите.
Заранее спасибо
Мои коды:
[*] @font-face { семейство шрифтов: Britannic Bold; источник: URL(/BOOTSTRAP/fonts/BRITANIC.TTF); семейство шрифтов: Broadway; src:url(/BOOTSTRAP/fonts/BROADW.TTF); шрифт-вес: жирнее; семейство шрифтов: lucida calligraphy; src:url(/BOOTSTRAP/fonts/LCALLIG.TTF); } #container-logo-box{ фоновое изображение: URL(/BOOTSTRAP/img/golden-strip2.jpg); размер фона: обложка; фоновая позиция: центр; фоновый клип: текст; } #logo-img{ отображение: встроенный блок; /* выравнивание элементов: центр; */ положение: наследовать; маржа сверху: 10 пикселей; /* поле слева: 4%; плыть налево; */ } #имя-логотипа{ отображение: встроенный блок; семейство шрифтов: Britannic Bold; ширина: 100%; шрифт-вес: жирнее; цвет:прозрачный; фоновое изображение: URL(/BOOTSTRAP/img/bg-image-multi-color-gradient4.jpeg); размер фона: обложка; фоновая позиция: центр; фоновый клип: текст; -webkit-background-clip: текст; маржа-верх: 0%; /* поле слева: 0%; */ /* минимальная высота: авто; */ } #имя-логотип-div{ отображение: встроенный блок; маржа-верх: 0%; } #logo-name2{ маржа-верх: -3%; поле слева: 12%; коричневый цвет; /* отображение: встроенный блок; */ } .nav-link.nav-link.m1{ коричневый цвет; размер шрифта: больше; Тип стиля списка: диск; } .nav-item{ Тип стиля списка: диск; коричневый цвет; отступ: 1,1; поле слева: 0,4 см; поле справа: 0,1 см; } /* МЕДИА-ЗАПРОС */ span.bkb {размер шрифта: 4.2rem; } @media (минимальная ширина: 576 пикселей) { span.bkb {размер шрифта: 4.2rem;} } @media (минимальная ширина: 768 пикселей) { span.bkb {размер шрифта: 5.0rem; } } @media (минимальная ширина: 992 пикселей) { span.bkb {размер шрифта: 5.2rem; } } @media (минимальная ширина: 1200 пикселей) { span.bkb {размер шрифта: 5.5em; } } login.html ꙮͮꙮ͵ꙮا ꙮͮꙮ͵ꙮا Намо Арихантанам, Намо Сиддханам, Намо Ириянам, Намо Уваджжхайанам, Намо Лое Савва Сахунам !ꙮͮꙮͮꙮا ꙮͮꙮ͵ꙮا < img class="img-fluid" src="/BOOTSTRAP/img/am-logo2-white-bg-117x122.jpg" height="85vm" > Мандал Ариханта Благотворительная медицинская организация В разработке!
Спасибо за прекрасную поддержку и помощь, которую я получил ранее. Теперь я столкнулся с проблемами при работе с веб-сайтом с использованием начальной загрузки 4:
[*]Я использую класс «navbar navbar-expand-sm», но он не реагирует при перетаскивании экрана ниже 600 пикселей. [*]Я хочу переместить все пункты меню в самую правую сторону, но не могу этого сделать. [*]Кнопка переключения также не видна.
Пожалуйста, помогите.
Заранее спасибо
Мои коды:
[*] @font-face { семейство шрифтов: Britannic Bold; источник: URL(/BOOTSTRAP/fonts/BRITANIC.TTF); семейство шрифтов: Broadway; src:url(/BOOTSTRAP/fonts/BROADW.TTF); шрифт-вес: жирнее; семейство шрифтов: lucida calligraphy; src:url(/BOOTSTRAP/fonts/LCALLIG.TTF); } #container-logo-box{ фоновое изображение: URL(/BOOTSTRAP/img/golden-strip2.jpg); размер фона: обложка; фоновая позиция: центр; фоновый клип: текст; } #logo-img{ отображение: встроенный блок; /* выравнивание элементов: центр; */ положение: наследовать; маржа сверху: 10 пикселей; /* поле слева: 4%; плыть налево; */ } #имя-логотипа{ отображение: встроенный блок; семейство шрифтов: Britannic Bold; ширина: 100%; шрифт-вес: жирнее; цвет:прозрачный; фоновое изображение: URL(/BOOTSTRAP/img/bg-image-multi-color-gradient4.jpeg); размер фона: обложка; фоновая позиция: центр; фоновый клип: текст; -webkit-background-clip: текст; маржа-верх: 0%; /* поле слева: 0%; */ /* минимальная высота: авто; */ } #имя-логотип-div{ отображение: встроенный блок; маржа-верх: 0%; } #logo-name2{ маржа-верх: -3%; поле слева: 12%; коричневый цвет; /* отображение: встроенный блок; */ } .nav-link.nav-link.m1{ коричневый цвет; размер шрифта: больше; Тип стиля списка: диск; } .nav-item{ Тип стиля списка: диск; коричневый цвет; отступ: 1,1; поле слева: 0,4 см; поле справа: 0,1 см; } /* МЕДИА-ЗАПРОС */ span.bkb {размер шрифта: 4.2rem; } @media (минимальная ширина: 576 пикселей) { span.bkb {размер шрифта: 4.2rem;} } @media (минимальная ширина: 768 пикселей) { span.bkb {размер шрифта: 5.0rem; } } @media (минимальная ширина: 992 пикселей) { span.bkb {размер шрифта: 5.2rem; } } @media (минимальная ширина: 1200 пикселей) { span.bkb {размер шрифта: 5.5em; } } login.html ꙮͮꙮ͵ꙮا ꙮͮꙮ͵ꙮا Намо Арихантанам, Намо Сиддханам, Намо Ириянам, Намо Уваджжхайанам, Намо Лое Савва Сахунам !ꙮͮꙮͮꙮا ꙮͮꙮ͵ꙮا < img class="img-fluid" src="/BOOTSTRAP/img/am-logo2-white-bg-117x122.jpg" height="85vm" > Мандал Ариханта Благотворительная медицинская организация В разработке!
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Как заставить элементы сдвинуться гладко, когда добавляется другой элемент?
Anonymous » » в форуме Html - 0 Ответы
- 8 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Как заставить элементы сдвинуться гладко, когда добавляется другой элемент?
Anonymous » » в форуме CSS - 0 Ответы
- 4 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Как заставить элементы сдвинуться гладко, когда добавляется другой элемент?
Anonymous » » в форуме Javascript - 0 Ответы
- 4 Просмотры
-
Последнее сообщение Anonymous
-