输入组中的Bootstrap 3.0输入类型的文件

时间:2014-05-27 04:13:09

标签: twitter-bootstrap twitter-bootstrap-3

使用Bootstrap 3.x我可以创建一个输入字段类型为" file"如Bootstrap文档中所示:

<form role="form">
  <div class="form-group">
    <label for="exampleInputFile">File input</label>
    <input type="file" id="exampleInputFile">
  </div>
<form>

但是,我无法找到一种方法来放置&#34;文件&#34;输入组中的输入字段,因此输入字段位于左侧,而浏览按钮位于右侧,全部内联。类似下面的内容只是将上面的内容放在一个文本框中,并在输入字段的左侧显示浏览按钮:

<div class="row">
    <div class="col-lg-12">
        <div class="input-group">
            <input type="file" class="form-control">
        </div>
    </div>
</div>

我怀疑我无法使用标准的Bootstrap CSS将文件输入字段内联,但我想我会问。

0 个答案:

没有答案