webentwicklung-frage-antwort-db.com.de

Integrieren Sie Bootstrap in CodeIgniter

Ich versuche, bootstrap in einem Codeigniter-Web zu verwenden, aber es sieht so aus, als würden die Bootstrap-Dateien nicht gefunden

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

Ich habe die von base_url () generierten Pfade geprüft und sie sind korrekt.

phptwitter-bootstrapcodeigniter
10
AFS

bootstrap-Ordner im Stammverzeichnis verschieben, da CI den application-Ordner als controller versteht, obwohl der Anwendungsordner von der /application/.htaccess-Datei an die Clientanforderung gebunden ist

|-
   |-application
   |-bootstrap

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

Vergessen Sie nicht, den Codeigniter-URL-Helfer in Ihren Controller aufzunehmen
$ this-> load-> helper ('url');

3
lightup

Hier ist der beste Leitfaden, den ich bisher gefunden habe: Wie man Bootstrap in CI einfügt

Zusamenfassend:

  1. Bootstrap herunterladen

  2. Legen Sie es in einem Asset-Ordner auf der gleichen Ebene wie den Anwendungsordner ab

  3. Setzen Sie auch Jquery

  4. Fügen Sie CSS in Header und JQuery in die Fußzeile Ihrer Vorlagen ein:

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

und :

<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

Teilen Sie sie einfach hier, damit Sie die Ordner nicht manuell zusammenfassen müssen. Ich habe dieses von github angebotene Paket regelmäßig für neue Projekte verwendet. Natürlich müssen Sie die Anwendung/config/config.php ändern, damit alles funktioniert! 

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

Prost !

1
William Kheng

  1. Ordner (Assets) direkt im Codeigniter-Stammverzeichnis erstellen

  2. Fügen Sie Ihre Bootstrap-Dateien in diesen Ordner ein

  3. fügen Sie in Ihrer Ansichtsdatei Link-Code hinzu

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

  4. fügen Sie diese Zeile in Ihre Controller-Datei ein 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. Jetzt können Sie Bootstrap-Klassen in Ihrer Ansicht verwenden
1
Senthoo
  1. Laden Sie die Bootstrap-Datei aus dem Internet herunter, wenn Sie offline arbeiten möchten
  2. Entpacken und umbenennen und in den Stammordner kopieren. Wenn Sie es im Anwendungsordner ablegen, kann mit .htaccess nicht darauf zugegriffen werden.

  3. Fügen Sie den Link wie in der folgenden Codezeile hinzu:

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