Фиксированная панель навигации с использованием Twitter Bootstrap 3

Question

Я использую Twitter Bootstrap 3 для моего сайта. Я хотел бы иметь фиксированную панель навигации, которая должна быть включена после некоторого определенного момента, когда пользователь прокручивается вниз.

Я использовал Affix(), и я могу получить навигационную панель, чтобы появиться в какой-то определенный момент.

Но задача заключается в том, когда пользователь прокручивается вниз, панель навигации отображается сверху, а ширина панели навигации не равна 100%.

Я хотел бы, чтобы ширина навигационной панели была на 100% даже после прокрутки страницы.

Вот FIDDLE.

Прокрутите вниз в сегменте результатов и заметьте навигационную панель.

Он исчезает, а затем появляется в некоторой точке прокрутки. Но ширина навигационной панели не такая, какая была в начале.

Пожалуйста, помогите мне в его исправлении.

Answer 1

Просто используйте width: 100%; на .navigation

.navigation { 
    background: #fff; 
    position: relative; 
    width: 100%; 
} 

Demo