4

Estoy iniciando con Laravel y tengo problema al ligar las rutas de Bootsrap

<!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">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    {{ HTML::style('assets/css/bootstrap.min.css', array('media' => 'screen')) }}
    <!-- <link href="{{ asset('assets/css/bootstrap.min.css')}}" rel="stylesheet"> -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
@include('partials.navbar')
    <div class="container">
        @yield('content')
        <button type="button" class="btn btn-primary">Primary</button>
    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
    </script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src={{ url('/assets/js/bootstrap.min.js')}}></script>
</body>

Y no consigo que lo ligue, con el link no me manda error pero no carga los estilos y con HTML::style me manda:

Class 'HTML' not found

Esta es la estructura de mi proyecto.

introducir la descripción de la imagen aquí

5
  • ¿Versión de Laravel?
    – Shaz
    Commented el 29 mar. 2017 a las 22:07
  • Te podria ser util styde.net/integrar-bootstrap-3-en-laravel-5-1
    – J. Castro
    Commented el 29 mar. 2017 a las 22:08
  • 2
    Error porqué no tienes la clase HtmlServiceProvider agregada a providers y tampoco su alias en aliases en la configuración de tu App
    – Dev. Joel
    Commented el 29 mar. 2017 a las 22:15
  • Ya estuve leyendo el link que puso @J.Castro pero ¿Podria ligarlo sin usar ´HtmlServiceProvider´ ? Muchas gracias por sus comentarios.
    – M. Gress
    Commented el 29 mar. 2017 a las 22:20
  • Sí, como si fuera html "normal", algo similar a como hiciste con el script.
    – Shaz
    Commented el 29 mar. 2017 a las 22:23

1 respuesta 1

3

Para agregar el link a un recurso dentro de Public solemos usar:

<script src="{{asset('components/bootstrap/js/bootstrap.min.js')}}" type="text/javascript"></script>

donde el directorio es:

Aplicacion/public/components/bootstrap/js/bootstrap.min.js

puedes ver la documentación sobre asset

EDIT

Veo que en la imagen los ficheros de bootstrap (el marco de trabajo web) está en la carpeta "bootstrap" de Laravel. La carpeta Bootstrap del directorio principal de Laravel no es para mantener scripts ni hojas de estilos relacionados al cliente. Esta es una traducción del uso de este directorio:

El Directorio bootstrap

El directorio bootstrap contiene archivos que inicializan el framework y configuran el autoloading. Este directorio también contiene el caché generado por el framework para la optimización del rendimiento.

En Bootstrap directory, Laravel documentation

2
  • Hola, tengo una pregunta, yo hago lo de tu respuesta y eh investigado y esa parece ser la solución, pero no me carga y al darle clic al link de css que me genera, me aparece Esta página no funciona
    – Andrés
    Commented el 7 jul. 2017 a las 22:53
  • Cuál es la ruta que te genera Laravel? Y cuál es la ruta real del css? Commented el 7 jul. 2017 a las 23:01

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.