forms - 调整 Jasny 的引导文件上传表单的大小

Question

我无法调整 Jasny 的 Fileupload 表单的大小。首先我做了一个span8以offset2. 然后我将一个简单的输入表单放入 span 并将其设置为'input-block-level'. 这工作正常：输入表单现在的大小为span8.

我想对 Jasny 的 Fileupload 做同样的事情。我尝试了很多，但它对我不起作用。我需要的是一个class="uneditable-input span3"用某种自动调整大小的函数替换 span3 条目的函数，它将输入框拉伸到span8. 替换span3为input-block-level也不起作用。

另一种可能性是控制按钮的固定值（可能span3）和输入字段的固定值（span5）。

有任何想法吗？

<div class="row-fluid">
    <div class="container pagination-centered">
    <div class="span8 offset2" style="background-color:#FFCC33">


    <form class="form" action="someaction" method="post" enctype="multipart/form-data" style="background-color:#FFFFFF">
    <div class="control-group">
        <div class="controls">
            <input type="text" id="someid" name="somename" class="input-block-level" placeholder="well stretched box">
        </div>
    </div>

    <div class="control-group">
        <div class="controls">
            <div class="fileupload fileupload-new" data-provides="fileupload">
                <div class="input-append">
                    <div class="uneditable-input span3">
                        <i class="icon-file fileupload-exists"></i>
                        <span class="fileupload-preview"></span>
                     </div>
                    <span class="btn btn-file">
                        <span class="fileupload-new">Select file</span>
                        <span class="fileupload-exists">Change</span>
                        <input type="file" />
                    </span>
                    <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
                </div>
            </div>
        </div>
    </div>
    </form>
    </div>
    </div>
</div>