web-dev-qa-db-fra.com

Intégrer Bootstrap sur CodeIgniter

J'essaie d'utiliser bootstrap sur un site Web codeigniter mais il semble que les fichiers d'amorçage ne soient pas trouvés

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="<?php echo base_url('application/bootstrap/css/bootstrap.min.css');?>" rel="stylesheet">
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="<?php echo base_url('application/bootstrap/js/bootstrap.min.js');?>"></script>

J'ai vérifié les chemins générés par base_url () et ils sont corrects.

phptwitter-bootstrapcodeigniter
10
AFS

déplace le dossier bootstrap à l'emplacement racine, car CI comprend le dossier application en tant que controller bien que le dossier de l'application soit limité à la demande du client par le fichier /application/.htaccess

|-
   |-application
   |-bootstrap

//and use path as
<?php echo base_url('bootstrap/css/bootstrap.min.css');?>
12
Girish

N'oubliez pas d'inclure l'URL codeigniter dans votre contrôleur
$ this-> load-> helper ('url');

3
lightup

Voici le meilleur guide que j'ai trouvé jusqu'à présent: Comment inclure le bootstrap dans CI

En bref:

  1. Télécharger le bootstrap

  2. Placez-le dans un dossier d'actifs au même niveau que le dossier d'application.

  3. Mettez aussi jquery

  4. Inclure css dans l'en-tête et jquery dans le pied de page de vos modèles

<html>
  <head>
      <title>CodeIgniter Tutorial</title>
      <link rel="stylesheet" href="<?php echo base_url("assets/css/bootstrap.css"); ?>" />
  </head>
  <body>
      <h1>H_E_A_D_E_R</h1>

et :

<hr/>
<em>&copy; 2016</em>
<script type="text/javascript" src="<?php echo base_url("assets/js/jquery-3.1.1.js"); ?>"></script>
<script type="text/javascript" src="<?php echo base_url("assets/js/bootstrap.js"); ?>"></script>
</body>
</html>
3
ACV

Partage juste ici pour que vous n'ayez pas besoin de combiner des dossiers manuellement. J'ai utilisé régulièrement ce paquet proposé par github pour créer de nouveaux projets. Bien sûr, vous devrez modifier le fichier application/config/config.php pour que tout fonctionne bien! 

https://github.com/sjlu/CodeIgniter-Bootstrap

À votre santé !

1
William Kheng

  1. Créez un dossier (actifs) directement dans la racine de Codeigniter (même niveau que le dossier de l'application)

  2. Collez vos fichiers d'amorçage dans ce dossier

  3. ajouter un code de lien dans votre fichier de vue

    <link type="text/css" href="<?= base_url(); ?>assets/bootstrap.min.css" rel="stylesheet">

  4. ajoutez cette ligne dans votre fichier de contrôleur application/cotrollers/test.php

    <?php
class Test extends CI_Controller {

public function index()
  {
   $this->load->helper('url'); // Load url links
   $this->load->view('index'); //Load view page
  }

}
?>
  5. Maintenant, vous pouvez utiliser des classes d'amorçage dans votre vue
1
Senthoo
  1. Téléchargez le fichier Bootstrap depuis Internet si vous souhaitez travailler hors connexion.
  2. Décompressez, renommez et copiez dans le dossier racine. Si vous le mettez dans le dossier de l’application, .htaccess ne lui permettra pas d’être consulté.

  3. Ajoutez le lien comme la ligne de code suivante:

    <link href="<?php echo base_url('assets/css/bootstrap.min.css');?> rel="stylesheet">
0
sharif pilot