Bootstrap Form FIle输入

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中测试过，似乎正在运行！

Answer 2

我认为您需要使用类名'filestyle'而不是'form-control'

var s = "hi";
var ss = String.Join("", s.Select(c => "&#" + (int)c + ";"));