2

Instalación Bootstrap 4 en proyecto laravel

Para instalar Bootstrap en un proyecto laravel hice lo siguiente: 

1. Instalé bootstrap desde npm en los node_modules :

  $ npm install [email protected]


2. Cambiar la configuración en resources/sass/app.scss :


@import "node_modules/bootstrap/scss/bootstrap-flex"


También pueden usar el bootstrap-grid.

** Cuando instalan laravel viene con un archivo _variables.scss en resource/sass que son variables para generar los css de bootstrap 3, y esas variables no son compatibles con el bootstrap 4; les recomiendo cambiar las variables por las que están en la documentación de bootstrap 4 oficial, o comentar la línea que importa estas variables en app.scss:


//@import "variables"


Los archivos app.js  y bootstrap.js los podemos dejar como están, ya que podemos seguir utilizando el js del boostrap predefinido con laravel, y no hay problema. 


Ejecutamos en consola:


$ gulp  ó $ gulp watch  ( como deseen) 

Y listo tienen las nuevas propiedas de bootstrap 4 en su proyecto laravel.

Espero les sirva de mucho. Gracias! 



Escribe tu comentario
+ 2