如何将btn-group保存在井内？

Question

我有一个问题，即btn-group离开了井。

这是HTML：

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span3">
            <div class="well">
                <form>
                    <ul class="nav nav-list">
                        <li>
                            <div class="btn-group" data-toggle="buttons-checkbox">
                                <button type="button"class="btn btn-small">Test1</button>
                                 <button type="button"class="btn btn-small">Test2</button>
                                 <button type="button"class="btn btn-small">Test3</button>
                                 <button type="button"class="btn btn-small">Test4</button>
                            </div>
                        </li>
                        <li class="divider"></li>
                    </ul>
                </form>
            </div>
        </div><!--span3-->
        <div class="span9">
            <table class="table">
                <tbody>
                    <tr>
                        <td>Test></td>
                        <td>Test></td>
                        <td>Test></td>
                    </tr>
                </tbody>
            </table>
        </div><!--span9-->
    </div>
</div>

小提琴示例：http://jsfiddle.net/FRJJD/

我提出了这个有效的解决方案：

.btn-group {     白色空间：正常; }

但是，该解决方案不适用于IE。另一种选择是让响应式设计在btn-group超调之前重新对齐。欢迎任何建议。

谢谢， 〜Ĵ

Answer 1

N / M我想出来了。使用“span12”类设置输入将使输入延伸保持在井内。