Вот JS Скрипка проблемы для справки: https://jsfiddle.net/ncoughlin/1fjxy230/4/
У меня проблема, когда я пытаюсь получить вертикаль bootstrap меню nav для наследования ширины родительского элемента, который является столбцом CSS Grid. Ради устранения неполадок я поместил фон столбца сетки в красный цвет. Поэтому я пытаюсь получить темно-серую вертикальную навигацию с левой стороны, чтобы она соответствовала ширине красного столбца сетки.
Навигация bootstrap имеет идентификатор #settings-nav
I пробовал базовые c вещи, такие как добавление bootstrap class w-100 к nav ul или в таблицу стилей с добавлением width: 100%;, но оба из них заставляют меню растягиваться по всему окну просмотра вместо родительского элемента, который столбец сетки. Он ведет себя так, как будто столбец Grid не является его родительским элементом, но с помощью инспектора я знаю, что это ...
Пожалуйста, дайте мне знать, где я ошибаюсь. Спасибо.