html - ブートストラップ HTML コードで div を配置できません

Question

設計に従って、ブートストラップ HTML コードで div を配置できません。ページの左側にあるドロップダウン リストと 2 つの入力ボックスを 3 行に揃えようとしています。ページの右側にあるプレビュー部分または div。

フィドル: http://jsfiddle.net/37gaq/1/

HTMLコードは次のとおりです。

<div class="container-fuild">
    <div class="row-fluid">
        <div class="span4">
            <div class="control-group">
                    <label class="control-label" for="chartType">Chart type</label>

                    <div class="controls">
                        <select id="chartType" ng-change="selectType(chartType)" ng-model="chartType" ng-options="c.typeValue for c in chartTypes">
                        </select>

                    </div>
                </div>
        </div>
        <div class="span8">


            <form class="form-horizontal">
                <div class="row-fluid">

                    <div class="control-group span6">
                        <label class="control-label" for="chartType">February server sale units</label>

                        <div class="controls">
                            <input type="number" min="0" max="100" ng-model="chart.data.rows[1].c[3].v"/>
                        </div>
                    </div>
                    <div class="control-group span6">
                        <label class="control-label" for="chartType">Number of grid lines</label>

                        <div class="controls">
                            <input type="number" min="0" max="100" ng-model="chart.options.vAxis.gridlines.count"/>
                        </div>
                    </div>
                </div>

            </form>

            <h2>Output</h2>

           <div id="chartDiv" style="{{chart.cssStyle}}">Preview Portion</div>


        </div>
    </div>