我无法调整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>