[ad_1]
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
30 responses to “Como instalar o Bootstrap 4 com NPM e Sass – Criando um site com Bootstrap 4 – Aula 02”
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
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
muito complicado
se eu quiser continuar o projeto em outro computador, tenho q fazer tudo de novo?
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
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!
porque tenho que instalar usando o sass sendo que baixar o arquivo via download é muito mais pratico??
nao entendi
magnifico suas aulas !
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 ?
Ricardo, essas alterações q vc fez e localmente. Como seria isso no servidor para rodar ( node, sass ) ? Obrigado
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ç
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?
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.
Pra quem não ta conseguindo instalar o pooper.js o comando é esse {
npm install popper.js –save
}
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?
Vale ressaltar que os comandos de instalação do Sass mudaram e não precisa mais instalar o Ruby.
Como eu faço para instalar o SASS agora?
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.
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!!
no meu nao funcionou! Destesto essas instalacoes vai comando, tudo uma bosta
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
pode ajudar como instalar o compass?
meio complicado para quem ta começando, mas no windows funcionou direitinho.
não consegui instalar o sass
showw de bola amigo
Desculpe minha ignorância ainda sou iniciante, mas o que é o popper.js?
Dá para acompanhar o curso tranquilamente com a instalação via BootstrapCDN?
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
seria bom ensinar esse processo de instalação do Bootstrap no wndows. Tentei seguir os passos mas não consegui.
Ta danot um erro de ecoding utf-8 alguém teve o mesmo o problema? pesquisei um pouco aqui, mas não consegui resolver