Curso Bootstrap 5 - Origamid

O que é Bootstrap ?

Bootstrap é um framework front-end que auxilia a vida dos desenvolvedores web, é uma coleção com vários elementos e funções personalizáveis. Utilizando o bootstrap o você pode optar pelos elementos que quer utilizar, podem ter certeza que esses elementos não conflitarão entre si, cada elemento se “encaixa” perfeitamente com outro, independente de qual seja. É uma combinação de HTML, CSS e JavaScript. O bootstrap está sempre sofrendo mudanças e sendo aperfeiçoado. A última versão do bootstrap tem um design novo, com melhor tratamento de erros, opções de personalização aprimoradas, entre tantos outros benefícios.

Para que serve? Quais os objetivos?

Seu principal objetivo é fazer com que o trabalho fique mais fácil e rápido. Serve para criar as estruturas das telas e layouts, ou seja, define como elas vão estar organizadas e como seus atributos estarão dispostos.

Como utilizar?

Baixe a versão do Bootstrap 5

Instalação

Instale os arquivos Sass e JavaScript via npm

npm install bootstrap@next

Adicionar ao seu projeto

CSS

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

JavaScript

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>

👨‍💻 Tecnologias

  • HTML5
  • CSS3
  • JavaScript
  • Sass

🚧 Projeto em contrução