javascript - リスト項目の幅を変更するブートストラップ接辞

Question

現在ナビゲーションリストを保持している左の列を添付するために、Twitter Bootstrap の接辞を使用しています。

<div class="row">
    <div class="span3">
        <ul class="nav nav-list" data-spy="affix" data-offset-top="300">
            <li class="nav-header">Navigation</li>
            <li><a href="#">Link1</a></li>
            <li><a href="#">Link2</a></li>
        </ul>
    </div>

私の理解では、これは、300px がスクロールされるまで接辞が開始されないことを意味します。私の問題は、接辞が適用された後にリスト項目の幅が変わることです。

これは、接辞が有効になる前にリスト項目にカーソルを合わせたときのスクリーンショットです。ホバーの背景に基づいて、幅は正しいです。

これは、300px スクロールして affix が開始された後のスクリーンショットです。何らかの理由で幅が狭くなっていることがわかります。

なぜこれが起こっているのか、どのように修正するのか、接辞を正しく使用しているかどうかを知りたい.