Estoy intentando integrar Bootstrap en un proyecto que estoy realizando con CI.
No consigo que me funcione. Lo que intento es lo siguiente.
Descargo Bootstrap y copio las carpetas css js y img en la raiz de mi aplicación.
A continuación muestro el fichero template.php (fichero plantilla ubicado en la carpeta views, en el que incluimos los ficheros correspondientes):
Código PHP:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="<?= base_url('css/bootstrap-responsive.css') ?>" rel="stylesheet">
<link href="<?= base_url('css/bootstrap.min.css') ?>" rel="stylesheet" media="screen">
<title> Mi Sitio </title>
</head>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
<p> Menú Sistema </p>
</div>
<div class="span9">
<?php $this->load->view($contenido) ?>
</div>
</div>
</div>
<script src="<?= base_url('js/jquery.js') ?>"></script>
<script src="<?= base_url('js/bootstrap.min.js') ?>"></script>
</body>
</html> Código PHP:
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Welcome extends CI_Controller {
public function index()
{
//$this->load->view('welcome_message');
$data['contenido']='home/index';
$this->load->view('template',$data);
}
public function acerca_de()
{
$data['contenido']='home/acerca_de';
$this->load->view('template',$data);
}
} index.php:
Código PHP:
<h1> Página Inicio </h1>
Código PHP:
<h1> Página Acerca De </h1>
<p class="text-error">Donec ullamcorper nulla non metus auctor fringilla.</p>
<p>
<button class="btn btn-large btn-primary" type="button">Large button</button>
<button class="btn btn-large" type="button">Large button</button>
</p>
He revisado varias veces el código y no doy con la tecla. Está claro que hay algo que estoy haciendo mal.
¿Puede alguien ayudarme?
Muchas gracias a tod@s por vuestro tiempo.
Saludos
