2016-08-22 67 views
0

我尝试创建输入文件在旁边bootstrap,但是当我点击附加文件的按钮,弹出浏览文件不工作。你知道什么问题吗?不能在旁边引导文件输入文件

<aside id="sidebar-right" class="sidebar-right"> 
<div class="form-group"> 
    <label class="col-md-3 control-label">File Upload</label> 
    <div class="col-md-6"> 
    <div class="fileupload fileupload-new" data-provides="fileupload"> 
     <div class="input-append"> 
     <div class="uneditable-input"> 
      <i class="fa fa-file fileupload-exists"></i> 
      <span class="fileupload-preview"></span> 
     </div> 
     <span class="btn btn-default btn-file"> 
      <span class="fileupload-exists">Change</span> 
      <span class="fileupload-new">Select file</span> 
      <input type="file" /> 
     </span> 
     <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">Remove</a> 
     </div> 
    </div> 
    </div> 
</div> 

回答

0

当您关闭预留标签?关闭它并重试。

+0

只是错过了,当我从我的工作表 –

0
<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
</head> 
<body> 
<aside id="sidebar-right" class="sidebar-right"> 
<div class="form-group"> 
    <label class="col-md-3 control-label">File Upload</label> 
    <div class="col-md-6"> 
    <div class="fileupload fileupload-new" data-provides="fileupload"> 
     <div class="input-append"> 
     <div class="uneditable-input"> 
      <i class="fa fa-file fileupload-exists"></i> 
      <span class="fileupload-preview"></span> 
     </div> 
     <span class="btn btn-default btn-file"> 
      <span class="fileupload-exists">Change</span> 
      <span class="fileupload-new">Select file</span> 
      <input type="file" /> 
     </span> 
     <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">Remove</a> 
     </div> 
    </div> 
    </div> 
</div> 
</aside> 

</body> 
</html> 

工作正常,只是在前面的回答中添加了相同的代码。 https://jsfiddle.net/14Lfb7kh/

+0

复制此代码,但不工作在我的旁边引导。顺便说一句,关闭旁边只是错过了当我复制此代码,而不是在我的代码 –

+0

做到这一点https://jsfiddle.net/14Lfb7kh/代码工作或不在jsfiddle –