Bootstrap аффикс переход шириной не работает

Question

У меня есть эта установка кода: http://www.bootply.com/RaZJoa1ufg

Но когда я прокрутки эффект перехода не работает, она работает, но мне нужно, чтобы увеличить его с обеих сторон, а не только один. Может ли кто-нибудь помочь мне в этом?

Заранее спасибо.

Answer 1

Изменение CSS следующим образом:

Bootply.com

#navbar-search { 
    width: 80%; 
} 

#navbar-search.affix { 
    position: fixed; 
    z-index: 10000; 
    top: 0; 
    width: 100%; 
    padding: 0; 
    -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ 
    transition: width 2s; 
    margin-left: auto; 
    margin-right: auto; 

    /* ADDED BELOW */ 
    right: 0; 
    left: 0; 
} 

Это также останавливает прыжки, что произошло в вашем примере.