Css 引导中的简单形式和输入宽度错误

我创建了包含2个输入和2个按钮的极其简单的表单。 当我想我的表格采取6跨宽度和居中

下面是我的代码：

<div class="container-fluid padded">
    <div class="row">
        <div class="container">
            <div class="row">
                <!--filtry-->
                <div class="span6 offset3 padded" style="border: 1px solid black;">
                    <form action="#" method="get" class="form-horizontal">
                        <fieldset>
                            <div class="control-group">
                                <label class="control-label">Data od</label>
                                <div class="controls">
                                    <input type="text" id="dataOd" class="input-xlarge" />
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Data do</label>
                                <div class="controls">
                                    <input type="text" id="dataDo" class="input-xlarge" />
                                </div>
                            </div>
                            <div class="form-actions">
                                <div class="pull-right"> 
                                   <a class="btn wczytaj" href="#"><i class="icon-play icon-white"></i>Wczytaj</a>
                                   <a class="btn btn-info disabled eksportuj" href="#" id="eksportuj"><i class="icon-download-alt icon-white"></i>Eksportuj</a>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

数据od
数据做

在全尺寸浏览器中，我的表单如下所示：

但调整大小后，我得到以下结果：

我应该如何改变我的代码，使这些输入在每个分辨率上都100%宽度？ 有什么简单的方法吗？或者我必须调整整个引导程序吗？
我曾尝试将span*类添加到输入中，但没有成功。 关于SO（），也有类似的问题，但答案涉及JavaScript，我希望避免这样做

---

下面是我的代码：您需要增加跨度的宽度。设置span8而不是span6

演示：jsfiddle.net/HdSEn/3

或

如果要在页面上显示框的全宽，请添加span12而不是span6

jsfiddle.net/HdSEn/5/

已更新

 <div class="span7 offset3 padded well">

问题是，表单大于span7。如表格宽度>跨度7,6,5,4。。。。所以您需要设置输入框的宽度

---

演示：

希望这能解决您的问题：

CSS：

input[type="text"] {
    min-height:30px;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

---

我有点困惑。标准网格有12列。我希望我的盒子居中，一半宽（6跨），所以它应该是6跨偏移3？请在这里纠正我。您可以在同一类中使用

span6+offset3

。所以这里实际发生的是它的左边距为330px，宽度为570px。如果您想要该分区的边框，则应使用6+3=9

span9

。我希望你能理解。或者，如果您想将

span6

放在页面的中心，那么use应该删除该偏移量3。我只是稍微更改了标记：我添加边框只是为了直观地查看容器的大小。如果我将类更改为

span8 offset2

我的div很好地居中，但是如果将类更改为

span6 offset3

，则

span4 offset4

的输入将输出。你也能帮忙吗？为什么因为你的

表格

宽度大于span7。如

表格宽度>跨度7,6,5,4…

。所以您需要设置输入框的宽度。