css - Bootstrap 表单文件输入

Question

我的表格有问题。文件输入中的浏览按钮不能看成一个整体。这是屏幕截图:

还有我的代码:

<div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title"><i class="fa fa-image fa-fw"></i> Photo List </h3>
      </div>
      <div class="panel-body">

      <form action="upload-photo.php" method="POST" enctype="multipart/form-data">
        <div class="form-group">
          <label for="file">Upload Photo</label>
          <input class="form-control" type="file" id="file" name="files[]" multiple="multiple" accept="image/*" />
          <p class="help-block">Example block-level help text here.</p>
        </div>
      <button type="submit" name="uploadp_btn" class="btn btn-primary">Upload!</button>
      </form> <hr />

      </div>
    </div>

我错过了什么吗？谢谢。

Answer 1

将以下 CSS 添加到您的样式表:

.form-control{
    height: auto;
}

http://www.bootply.com/NMVB2TeaK2

在 Chrome 和 Firefox 中测试了那个，似乎可以正常工作!