Как встроить видео в панель навигации Bootstrap?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как встроить видео в панель навигации Bootstrap?

Сообщение Anonymous »

У меня есть простое меню, созданное с помощью Bootstrap. Слева текст, справа видео. Я хотел бы добиться, чтобы видео распространялось на верхнюю часть страницы с кнопкой на нем, как показано на изображении. Я пробовал несколько вещей, но, к сожалению, не смог решить эту проблему. Либо проблема заключалась в том, что кнопка справа не была доступна в гамбургер-меню, либо, если она была, то положение гамбургер-меню было неправильным, потому что ему мешало содержимое правой стороны.
Я создал для него ссылку на код.
Чего я хотел бы достичь:
Изображение


Код: Выделить всё

.navbar-brand img {
max-width: 300px;
height: auto;
}

.nav-item a {
margin-right: 15px;
}

.btn-outline-success {
margin-left: auto;
}
.video-container {
position: relative;
width: 100%;
overflow: hidden;
}

.video-container video {
width: 100%;
height: auto;
}

Код: Выделить всё


[*]






[url=#]
[img]logo.png[/img]
[/url]






[list]

[url=#]Home[/url]

[*]
[url=#]Features[/url]

[*]
[url=#]Pricing[/url]

[/list]
Contact









left contect
random text















Подробнее здесь: https://stackoverflow.com/questions/785 ... rap-navbar
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»