Sanan Yuzb

Поставь отступы для каждого ряда.

Добавляете

ty-menu__submenu {
    position: absolute;
    left: 0;
}

Vimeo

Используйте .container-fluid

margin: 0 auto;

Верстаете адаптивно, тогда он будет валиден на любых экранах

Это скорее всего какой-то элемент растягивается на такую ширину, а остальные омещаются под разммер экрана, поэтому у вас справа такой белый фон. Обычно бывает из-за тега p.

вот

@keyframes myAnimation {
                      0% {
                        opacity: 1;
                      }
                      25% {
                        opacity: 0;
                      }
                      50% {
                        opacity: 1;
                      }
                      75% {
                        opacity: 0;
                      }
                      100% {
                        opacity: 1;
                      }
                    }

Посмотрите может поможет тут

Когда уже есть общие сведения. В процессе изучения бутсрапа, вы параллельно будете учить и css, html и js

#menu ul li ul - подменю
#menu ul li ul li - пункты подменю

Делаете по-отдельности

li.active:hover a {
    color: #fff;
}

li.active:hover  {
   background: #d0d1d4;
}

Для div

display: flex;
justify-content: center;
align-items: center;

В тег img добавьте класс img-responsive