html - ブートストラップ接辞遷移幅が機能しない

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;
}

これにより、例で発生したジャンプも停止します。