Curso de Frontend con Bootstrap y Foundation 2016

Toma las primeras clases gratis

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

Para instalar Bootstrap en un proyecto laravel hice lo siguiente: 

1. Instalé bootstrap desde npm en los node_modules :

  $ npm install bootstrap@4.0.0-alpha.4


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! 



Curso de Frontend con Bootstrap y Foundation 2016

Toma las primeras clases gratis

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

0 Comentarios

para escribir tu comentario

Artículos relacionados