jquery - Twitter ブートストラップで折りたたみ可能なボタンを揃える

Question

同じ行に 2 つのボタンを作成しました。2 つ目は、さらに 2 つのボタンの行をビューに追加する折りたたみ可能なボタンです。これはすべて正常に動作します。

ただし、新しく折りたたまれたボタンの行は、2 番目のボタンに揃えられます。新しく折りたたまれた行に再配置してほしい。そんなことがあるものか？

<div class="span5 offset4">
    <button class="btn-primary btn-large btn-bank" type="button"
        style="width: 100%;">Big Button </button>
</div>

<div id="collapsabilebutton">
    <a href="#show" data-toggle="collapse"><button
    class="btn btn-large">
    Button just next to Big button . Click it to expand a new row of buttons . 
    </button></a>
</div>

<div id="show" class="collapse">
    <button class="btn btn-small">hi</button>
    <button class="btn btn-small">hi</button>
</div>

私の必要性: 新しい行をその上の小さなボタンに合わせたままにしたくない。実際には、代わりに大きなボタンに合わせて配置したいと考えています。

何か案は ？

編集 1:ブートストラップ バージョン 2.3

EDIT 2：フィドルを正確に再現するのは難しいため、画像を追加しました。

Hiボタンをボタンの真下に配置するのClick Meではなく、Big Button.

**EDIT 3 ( Answer )** 

実際、解決策は非常に単純でした。折りたたみ可能なボタンは、位置合わせが必要な親の div タグ内に配置する必要があります。したがって、コードを次のように変更すると、機能します。

   <div class="row">
    <div class="span5 offset4">
        <button class="btn-primary btn-large btn-primary" type="button"
            style="width: 100%;">Large Button</button>
            <div id="show" class="collapse">
                <button class="btn btn-small">hi</button>
                <button class="btn btn-small">hi</button>
            </div>
    </div>
    <div id="collapsabilebutton">
        <a href="#show" data-toggle="collapse"><button
            class="btn btn-large">Click</button></a>
    </div>
</div>