부트 스트랩 4 파일 입력이 작동하지 않습니다.

저는 PHP 프로젝트에서 mdbootstrap (부트 스트랩 4) 무료 버전을 사용하고 있습니다. 그렇기 때문에 입력 파일을 입력 할 수 없습니다. 그래서 파일 업로드 기능을 위해서만이 프로젝트에서 부트 스트랩 3을 사용하고 싶습니다.부트 스트랩 4 파일 입력이 작동하지 않습니다.

코드 세부 정보는 다음과 같습니다. 하나의 템플릿 파일을 만들었습니다. 그래서 내가이 다음 줄에 필요한 뷰를 렌더링하고 있습니다 : <?php require_once ("content/" . $content . ".php"); ?>

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 

    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
    <meta http-equiv="x-ua-compatible" content="ie=edge"> 
    <title>Material Design Bootstrap</title> 

    <!-- Font Awesome --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 
    <!-- Bootstrap core CSS --> 
    <link href="<?=base_url()?>assets/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="<?=base_url()?>assets/css/bootstrap-datepicker3.min.css" rel="stylesheet"> 
    <!-- Material Design Bootstrap --> 
    <link href="<?=base_url()?>assets/css/mdb.min.css" rel="stylesheet"> 
    <!-- Your custom styles (optional) --> 
    <link href="<?=base_url()?>assets/css/style.css" rel="stylesheet"> 

    <link rel="stylesheet" href="<?=base_url()?>assets/css/jquery.mCustomScrollbar.css"> 
    <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'> 
    <script type="text/javascript" src="<?=base_url()?>assets/js/jquery-3.1.1.min.js"></script> 

</head> 
<body> 
<?php require 'common/cust_loader.php'; ?> 
<?php require 'common/header.php'; ?> 
<?php require 'common/popup.php'; ?> 
<?php require_once ("content/" . $content . ".php"); ?> 
<?php require 'common/footer.php'; ?> 
    <script type="text/javascript" src="<?=base_url()?>assets/js/bootstrap-datepicker.min.js"></script> 
    <!-- Bootstrap tooltips --> 
    <script type="text/javascript" src="<?=base_url()?>assets/js/tether.min.js"></script> 
    <!-- Bootstrap core JavaScript --> 
    <script type="text/javascript" src="<?=base_url()?>assets/js/bootstrap.min.js"></script> 
    <!-- MDB core JavaScript --> 
    <script type="text/javascript" src="<?=base_url()?>assets/js/mdb.min.js"></script> 

    <!-- custom scrollbar plugin --> 
    <script src="<?=base_url()?>assets/js/jquery.mCustomScrollbar.concat.min.js"></script> 
    <script type="text/javascript"> 
    (function($){ 
     $(window).on("load",function(){ 
      $.mCustomScrollbar.defaults.scrollButtons.enable=true; //enable scrolling buttons by default 
      $.mCustomScrollbar.defaults.axis="yx"; //enable 2 axis scrollbars by default 
      $("#content-md").mCustomScrollbar({theme:"minimal-dark"}); 
      $(".all-themes-switch a").click(function(e){ 
        e.preventDefault(); 
        var $this=$(this), 
         rel=$this.attr("rel"), 
         el=$(".content"); 
        switch(rel){ 
         case "toggle-content": 
          el.toggleClass("expanded-content"); 
          break; 
        } 
       });   
     }); 
    })(jQuery);  
    </script>    
</body> 
</html>

그래서이 파일에 내가 구현 한 mdbootstrap을 내가 부트 스트랩 3.

를 사용하려면 파일 업로드 그래서 (4 부트 스트랩) 의미는 간단합니다. 부트 스트랩 4 코드에서 부트 스트랩 3을 사용하고 싶습니다.

누구든지 나를 도와 줄 수 있습니까? 미리 감사드립니다.

출처

2017-05-23 Shashikant

BS3 스타일 시트의 코드에 구성 요소를 복사하고 BS4 스타일 시트에 추가했는지 확인하십시오. – Jer

PHP에서 필요로하는 파일에서 bootstrap3의 구성 요소를 사용하려고 이미 시도 했습니까? –

나는 그것을 할 수 없다. 내가 좋아하면 내 웹 사이트 모양이 바뀔 것입니다. – Shashikant

소재 디자인

<form> 
    <div class="file-field"> 
    <div class="btn btn-primary btn-sm"> 
     <span>Choose file</span> 
     <input type="file"> 
    </div> 
    <div class="file-path-wrapper"> 
     <input class="file-path validate" type="text" placeholder="Upload your file"> 
    </div> 
    </div> 
</form>

부트 스트랩 3 부트 스트랩 4 - 입력 파일 형태

<div class="form-group"> 
    <label for="exampleInputFile">File input</label> 
    <input type="file" id="exampleInputFile"> 
    <p class="help-block">Example block-level help text here.</p> 
</div>

이 두 가지 솔루션 중 하나를하려고하면 어떻게됩니까? 콘솔에 몇 가지 오류 메시지가 있습니까?

출처

2017-05-23 12:20:29

부트 스트랩 4 파일 입력이 작동하지 않습니다.

답변

관련 문제