twitter-bootstrap - 如何将 btn-group 包含在井中？

Question

我有一个问题，btn 组在井外。

这是 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 过冲之前重新对齐。欢迎任何建议。

谢谢，~J

Answer 1

N/MI 想通了。使用“span12”类设置输入将保持输入在井内延伸。