• Tuesday , 21 May 2019

Como instalar o Bootstrap 4 com NPM e Sass – Criando um site com Bootstrap 4 – Aula 02

Code Canyon
https://i.ytimg.com/vi/VwN9OzoK9o8/hqdefault.jpg



Nesta aula você irá aprender todas as formas de utilizar o Bootstrap, desde seu uso via CDN ou com arquivos CSS e JS compilados até a instalação via NPM. Depois da instalação você aprenderá como compilar o CSS utilizando Sass. O curso está apenas começando, não perca as próximas aulas!

Aprenda a criar seu primeiro tema de WordPress com Bootstrap 4
Veja todos os vídeos: https://www.youtube.com/playlist?list=PLBbHLUbqqCrT1gBZtTminYijo8DVpPynE

⚙ Instalação o Bootstrap 4 (com Sass e Gulp)
⚗ Transformação do layout em um tema de WordPress
✏ Criação das funcionalidades do tema
🕶 Utilização de plugins úteis
📡 Publicação do site

Original source

3d Ocean

Related Posts

30 Comments

  1. Ricardo Sanches
    September 10, 2018 at 06:59

    Aprenda a criar seu primeiro tema de WordPress com Bootstrap 4
    Veja todos os vídeos: https://www.youtube.com/playlist?list=PLBbHLUbqqCrT1gBZtTminYijo8DVpPynE

    ⚙ Instalação o Bootstrap 4 (com Sass e Gulp)
    ⚗ Transformação do layout em um tema de WordPress
    ✏ Criação das funcionalidades do tema
    🕶 Utilização de plugins úteis
    📡 Publicação do site

  2. wellington nobre
    September 10, 2018 at 06:59

    Meu amigo voce quis ajudar fazendo o video, mas tu fez uma salada de instalacoes que qualquer um fica revoltando de tantos caminhos a serem executados. eu ate DESISTI de assistir seus videos…. me stressou logo na segunda aula ta doido… isso porque tentei umas 3 vezes diferentes sem sucesso

  3. blackjeday
    September 10, 2018 at 06:59

    muito complicado

  4. João Damiani
    September 10, 2018 at 06:59

    se eu quiser continuar o projeto em outro computador, tenho q fazer tudo de novo?

  5. sutil atendimento
    September 10, 2018 at 06:59

    Olá Ricardo gostaria de saber como funciona no chocolatey pois o ruby não está mais no siste do sass e ja tentei varia vezes baixar do site mais não completa

  6. Henrique
    September 10, 2018 at 06:59

    Dúvida de newbie: Usando o BootstrapCDN só dependerá do servidor durante o desenvolvimento, quando eu der build criará um bundle com as classes procedentes do bootstrap na pasta do projeto, né? Anyway, valeu pelos tutos!

  7. Uilan S.Souza
    September 10, 2018 at 06:59

    porque tenho que instalar usando o sass sendo que baixar o arquivo via download é muito mais pratico??
    nao entendi

  8. Genilson Oliveira
    September 10, 2018 at 06:59

    magnifico suas aulas !

  9. Evandro Goncalves
    September 10, 2018 at 06:59

    Ricardo, Aparentemente tudo funcionou, as pastas foram criadas, porém não está dando certo a estilização. Não sei o que acontece, pois está tudo igual ao seu no código html. Tem que deixar rodando no CMD o comando do sass ?

  10. kadu pereira
    September 10, 2018 at 06:59

    Ricardo, essas alterações q vc fez e localmente. Como seria isso no servidor para rodar ( node, sass ) ? Obrigado

  11. joao victor pessoa apolinario silva de souza
    September 10, 2018 at 06:59

    Olá, gostaria de saber por que essa abordagem é melhor do que sobrescrever as mudanças em cascata na minha propria stylesheet.Se existe alguma questão de desempenho etc.Abç

  12. LightGames
    September 10, 2018 at 06:59

    ruby 2.4.4p296 (2018-03-28 revision 63013) [x64-mingw32]

    C:UsersJoseph>sass –watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler
    'sass' não é reconhecido como um comando interno
    ou externo, um programa operável ou um arquivo em lotes.

    C:UsersJoseph>cd desktop/curso

    C:UsersJosephDesktopCurso>sass –watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler
    'sass' não é reconhecido como um comando interno
    ou externo, um programa operável ou um arquivo em lotes.

    alguem ajuda?

  13. Ramiro Junior
    September 10, 2018 at 06:59

    O meu não funciona, já tentei de várias formas más continua sempre com o mesmo erro…
    error node_modules/bootstrap/scss/_root.scss (Line 4: Invalid CSS after "…lor}: #{$value}": expected "{", was ";")
    Se alguém souber como resolver agradeço.

  14. Eduardo Matiazy
    September 10, 2018 at 06:59

    Pra quem não ta conseguindo instalar o pooper.js o comando é esse {
    npm install popper.js –save
    }

  15. Ivo Henrique
    September 10, 2018 at 06:59

    Todas as vezes que for criar um novo site terei que fazer este processo? ou posso copiar e colar e pastas de projetos diferentes que vão rodar individualmente?

  16. Ingo Porto
    September 10, 2018 at 06:59

    Vale ressaltar que os comandos de instalação do Sass mudaram e não precisa mais instalar o Ruby.

  17. Marks
    September 10, 2018 at 06:59

    Como eu faço para instalar o SASS agora?

  18. dudu18XB
    September 10, 2018 at 06:59

    Para fazer compilações de sass eu uso o Koala. Vou fazer está maneira que você ensinou pois achei interessante e também não sabia, mais acho mais facil compilar pelo Koala.

  19. João Paulo Rodrigues de Araújo
    September 10, 2018 at 06:59

    Uma super vídeo aula!! Consegui usando windows, Ruby V 2.5.1 + Sass 3.5.6, bootstrap 4.1.2. Basta seguir exatamente como instruído na vídeo aula que é sucesso. Muito Obrigado!!

  20. Jose Henrique
    September 10, 2018 at 06:59

    no meu nao funcionou! Destesto essas instalacoes vai comando, tudo uma bosta

  21. Abner Aprigio
    September 10, 2018 at 06:59

    Por gentileza, poderiam ajudar-me, quando tento instalar o npm aparece o seguinte erro.

    dyld: Library not loaded: /usr/lib/libc++.1.dylib
    Referenced from: /usr/local/bin/node
    Reason: image not found
    Trace/BPT trap

    A versao do meu mac e 10.6.8

  22. Sergio Passos
    September 10, 2018 at 06:59

    pode ajudar como instalar o compass?

  23. Jamerson Souza
    September 10, 2018 at 06:59

    meio complicado para quem ta começando, mas no windows funcionou direitinho.

  24. Lord Drumond
    September 10, 2018 at 06:59

    não consegui instalar o sass

  25. Marcelo Henrique Bispo Correia Dos Santos
    September 10, 2018 at 06:59

    showw de bola amigo

  26. Lord Drumond
    September 10, 2018 at 06:59

    Desculpe minha ignorância ainda sou iniciante, mas o que é o popper.js?

  27. Mateus Marinho
    September 10, 2018 at 06:59

    Dá para acompanhar o curso tranquilamente com a instalação via BootstrapCDN?

  28. Breno Vedor
    September 10, 2018 at 06:59

    galera que deu problema no windows com o comando –watch, simplesmente copia todo o comando porém não utilizem o "–watch" –> sass node_modules/boostratp/scss:node_modules/bootstrap/compiler

  29. Bruno Pessoa
    September 10, 2018 at 06:59

    seria bom ensinar esse processo de instalação do Bootstrap no wndows. Tentei seguir os passos mas não consegui.

  30. Gabriel Leal
    September 10, 2018 at 06:59

    Ta danot um erro de ecoding utf-8 alguém teve o mesmo o problema? pesquisei um pouco aqui, mas não consegui resolver

Leave A Comment

You must be logged in to post a comment.