iBird Rose

bootstrap - это инструмент. как, собственно, и другие css фреймворки.
т.е. если у тебя есть задача, которую можно будет решить инструментом - используй.
а актуальность - это поддержка и обновления. с этим у bootstrap все хорошо. вон пятая версия уже в бэте

тебе не контейнер нужно убрать, а элемент, который выпирает из этого контейнера пофиксить

.btn:focus {box-shadow: none; border: none; outline: none;}

для input {opacity: 0;}
а все остальное что там должно показываться - навешивай поверх

https://getbootstrap.com/docs/4.5/layout/grid/#gri...
1140px и 15px (отступы с двух сторон)

скачиваешь scss исходники https://getbootstrap.com/docs/4.4/getting-started/...
и правишь файл _variables.scss
переменные $grid-breakpoints, $container-max-widths ну и дальше тоже для твоих целей переменные

такой элемент не нужно засовывать в col. потому что col не фиксирован. при изменении размера - он тоже будет изменяться. и этот элемент будет всегда ездить туда-сюда.
делай фиксированной ширины блок и задай ему display: flex;

1) самый легкий способ - переопределить переменные в _variables.scss, которые $grid-breakpoints
2) по сложнее - самому написать схлопывание. там не много стилей меняется, которые заставляют схлопывать навбар
3) вообще не использовать бутстраповский топорный навбар и за 5 минут написать свой, который будет лучше

https://bootstrap-vue.org/

к примеру, так:

задать для .navbar-collapse {position: absolute} и подправить стили. выравнять там, background задать, спозиционировать и т.д.

уже обсуждали где-то. это просто ошибка верстальщика, которая по сей день не исправлена.
https://github.com/twbs/bootstrap/pull/25255

что именно для тебя массивно в сетке бутстрапа? если просто скопировать стили для .row, .col вместе с media- всего в районе 100 строк получится