javascript - ブートストラップ 3 接辞

Question

Bootstrap 3 のプレビューで遊んでいますが、固定位置のフローティング バーを可能にする「アフィックス プラグイン」に問題がありました。

ここで私の悩みを示すフィドルを見つけてください。基本的に、右側のボタンはフロートしますが、グリッド システムから継承された幅とオフセット スタイルposition: fixedは、適用すると消えてしまうようです。

これは私のコードです:

<div class='container'>
    <div class='row'>
        <div class='col-span-8'>
            <legend>Lorem</legend>
            <div>[Large amounts of text]</div>
        </div>
        <div class='col-span-4 well' data-spy='affix' data-offset-top='50'>
            <div class='btn btn-large btn-danger col-span-12'>This is fixed</div>
        </div>
    </div>
</div>

私は何を間違っていますか？(Bootstrap 3 がまだ活発に開発されていることは知っていますが、誰かがここで何らかの洞察を持っていることを願っています。)