первый раз при создании веб-сайта с использованием bootstrap 4. Думаю, я везде искал и искал все учебные пособия, и нигде не нашел ответа на свой вопрос. Я хочу, чтобы фон навигационной панели расширялся только за содержимым, при этом верхняя панель оставалась липкой. любая помощь приветствуется.
см. изображение: синяя поперечная часть должна исчезнуть. оранжевая полоса представляет собой липкую полосу, которую я хочу сохранить, а фон справа от зеленой линии должен быть расширен
#nav-bar {
position: sticky;
top: 0;
z-index: 10;
}
.navbar {
background-image: linear-gradient(to right, #1f1f1f, #ef1740);
padding: 0 !important;
}
.navbar-brand img {
height: 20px;
padding-left: 12px;
margin-top: -10px;
}
.navbar a:hover {
background-color: #1f1f1f;
}
.navbar-nav li {
padding: 0 10px;
}
.navbar-nav li a {
color: #F7F2EF !important;
font-weight: 600;
float: right;
text-align: left;
}
.fa-bars {
color: #F7F2EF;
font-size: 20px !important;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
outline: none;
box-shadow: none;
}
.navbar-toggler {
border: none !important;
}
