Bootstrap表單文件輸入

我的表單有問題。文件輸入中的瀏覽按鈕不能被視爲一個整體。下面是截圖：Bootstrap表單文件輸入

而且我的代碼：

<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>

我這麼想嗎？謝謝。

來源

2015-09-18 FewFlyBy

某些東西必須從您的代碼中丟失。當我加載它時，一切都看起來不錯：http://www.bootply.com/0XIUcYJvGW –

@TomNolan，我檢查了你的bootply，它看起來和我的屏幕截圖一樣。也許這是我的顯示器尺寸 – FewFlyBy

出於好奇，你使用的是什麼瀏覽器和版本？ –

以下CSS添加到您的樣式表 'filestyle'：

.form-control{ 
    height: auto; 
}

http://www.bootply.com/NMVB2TeaK2

測試了Chrome和Firefox中的一個，似乎正在工作！

來源

2015-09-18 03:17:51

永遠是簡單的方法。很好的修復，謝謝！ – FewFlyBy

當然會做一點:) – FewFlyBy

我認爲你需要使用類名稱，而不是 '形式制'

<input class="filestyle" type="file" id="file" name="files[]" 
     multiple="multiple" accept="image/*" />

來源

2015-09-18 02:02:51 moongom

Bootstrap表單文件輸入

回答

相關問題