Aprende Laravel desde cero

Diseño con Bootstrap 4 - Parte 1

En esta lección utilizamos Bootstrap 4 para diseñar la navegación, la estructura base de la plantilla y el formulario de contacto.

Regresar
rosy
rosy
buenas tardes. a alguien le ha pasado que el botón menú desplegable no funciona. de antemano agradezco su ayuda
Jorge Pereira
Jorge Pereira
Excelente curso de verdad. Me puedes ayudar con este error que me aparece al intentar enviar el formulario de contacto? Me señala el namespace del MessageController pero veo que lo tengo igual. El rror dice esto: Symfony\Component\ErrorHandler\Error\FatalError
Namespace declaration statement has to be the very first statement or after any declare call in the script
Jorge Pereira
Jorge Pereira
Listo volví a revisar y era un simple espacio de más que no lo notaba
Excelente curso... al igual que muchos apenas estoy iniciando en la programación con laravel.  En este punto 34. Diseño con Bootstrap 4 No consigue que el botón toggler funcione correctamente.  Al inspeccionar estos son los errores. el primero es una alerta:
DevTools failed to parse SourceMap: http://laravel.test/js/popper.js.map
El segundo es el error del Botón toggler:
app.js:3449 Uncaught TypeError: Cannot convert object to primitive value
    at RegExp.test (<anonymous>)
    at HTMLDivElement.<anonymous> (app.js:3449)
    at Function.each (app.js:6853)
    at jQuery.fn.init.each (app.js:6675)
    at jQuery.fn.init._jQueryInterface [as collapse] (app.js:3443)
    at HTMLDivElement.<anonymous> (app.js:3503)
    at Function.each (app.js:6853)
    at jQuery.fn.init.each (app.js:6675)
    at HTMLButtonElement.<anonymous> (app.js:3498)
    at HTMLDocument.dispatch (app.js:11901)
kiki
kiki
Me paso igual.Creo que debe ser un error de la version 7. Dos dias perdidos probando todo lo que recomiendan en foros.

kiki
kiki
Hola. buscando pude resolver el problema. 
npm remove jquery
npm install jquery@~3.4.1
Espero te ayude. 
Adolfo Angel
Adolfo Angel
Hola que tal, antes que nada Muchas Gracias, por el contenido de este curso, sin duda estoy aprendiendo demasiado para ser un curso gratis. Solo tengo una duda, quizas un poco torpe... Pero estoy iniciando en esto, y quisiera saber si las diferentes clases, que declaras en cada atributo de HTML y asi como los estilos de CSS ya vienen preestablecidos, y como podria aprenderlos... me refiero por ejemplo a:
<button class="btn btn-primary">
<textarea class="form-control bg-light shadow-sm
<span class="invalid-feedback" role="alert">
son ya prefijos de Bootstrap o esos donde los declaramos o podemos modificarlos?
Jorge Davila
Jorge Davila
Todos esos son clases y/o propiedades de bootstrap. Te recomiendo que veas la documentacion oficial para que veas todo lo que tiene la libreria:
https://getbootstrap.com/

Crislin Nuñez
Crislin Nuñez
Gracias Jorge, es un excelente material... he aprendido muchísimo, gracias a la forma tan clara y llana que tienes de dar las explicaciones.

Dicho esto, tengo no encuentro la causa por la cual la directiva @error() de Blade me dice que la variable $message no está definida.
Cristhian
Cristhian
Porque la variable {{  $message }} debe estar dentro de la directiva de blade @error 
Es decir despues de cada input debes de colocarlo de esta manera: 
 @error('subject')
                <span class="invalid-feedback">
                    <strong>{{ $message }}</strong>
                </span>
 @enderror

De esa manera no te daria error.
Josef
Josef
Hola Jorge, excelente tus clases!! como haría para estilizar también el mensaje de sesión cuando eviamos un mensaje desde el formulario contacto.. gracias!
Cristhian
Cristhian
Hola te comparto un pequeño codigo para que le des estilos a los mensajes cuando envies un formulario en status-messages.blade.php,

Te sirve tambien para estilizar cuando crees un elemento, actualices o elimines solo usa
Status para crear
info para actualizar
danger para eliminar

@if (session('status'))
    
<div class="alert alert-success alert-dismissible fade show" role="alert">
  <strong>Mensaje: </strong> {{ session('status') }}
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

@elseif(session('info'))
<div class="alert alert-info alert-dismissible fade show" role="alert">
  <strong>Mensaje: </strong> {{ session('info') }}
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

@elseif(session('danger'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
  <strong>Mensaje: </strong> {{ session('danger') }}
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

@endif

Entonces cada que hagas un return con un mensaje solo cambias la palabra "status" por la de preferencia ejm:
return redirect()->back()->with('danger','El elemento fue eliminado con exito');


return redirect()->back()->with('status','El mensaje fue enviado, te responderemos en menos de 24 horas');
Josef
Josef
Gracias!! excelente!