Bootstrap 4 L'entrée de fichier ne fonctionne pas

J'utilise la version gratuite de mdbootstrap (Bootstrap 4) dans mon projet php. Donc, il ne me permet pas d'utiliser l'entrée avec le fichier de type. Donc, je veux utiliser bootstrap 3 dans ce projet pour la fonctionnalité de téléchargement de fichiers seulement. Les détails sont les suivants: J'ai créé un fichier modèle. Donc, dans ce que je suis rendu les vues nécessaires à la ligne suivante: <?php require_once ("content/" . $content . ".php"); ?>Bootstrap 4 L'entrée de fichier ne fonctionne pas

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

Donc, dans ce fichier, je l'ai mis en œuvre mdbootstrap (amorcer sur 4) Donc, pour le téléchargement de fichiers que je veux utiliser bootstrap 3.

Moyens en bref je veux utiliser bootstrap 3 dans le code bootstrap 4.

Quelqu'un peut-il m'aider dans ce domaine. Merci d'avance.

Source

2017-05-23 Shashikant

Assurez-vous que vous avez copié les composants dans le code de la feuille de style BS3 et ajouté dans votre feuille de style BS4 – Jer

Avez-vous déjà essayé d'utiliser le composant de bootstrap3 dans un fichier que vous souhaitez utiliser avec php? –

Je ne peux pas faire ça. Si j'aime ça, ça va changer l'apparence de mon site. – Shashikant

Matériel pour la conception Bootstrap 4

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

Bootstrap 3 - fichier d'entrée sous forme

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

Qu'est-ce qui se passe lorsque vous essayez avec une de ces deux solutions? Avez-vous un message d'erreur dans la console?

Source

2017-05-23 12:20:29

Bootstrap 4 L'entrée de fichier ne fonctionne pas

Répondre

Questions connexes