Skip to main content

Tema para Bootstrap 4

Esta implementação estiliza o Bootstrap 4 de acordo com a especificação do Design System Betha.

GitHub

Explore o projeto no GitHub https://github.com/betha-plataforma/theme-bootstrap4

Como utilizar

É possível baixar o tema usando NPM ou Yarn, ou ainda referenciá-lo diretamente via CDN.

NPM

npm install @betha-plataforma/theme-bootstrap4

Yarn

yarn add @betha-plataforma/theme-bootstrap4

CDN (unpkg)

<link rel="stylesheet" href="https://unpkg.com/@betha-plataforma/theme-bootstrap4">

Pré-requisitos

Além do Bootstrap 4, este tema utiliza os ícones da biblioteca Material Design Icons. Observe a sequência em que essas dependências devem ser importadas:

<html>
<head>
<!-- Bootstrap 4 e Material Design Icons -->
<link rel="stylesheet" href="https://unpkg.com/bootstrap@4.5.2/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/@mdi/font@5.0.45/css/materialdesignicons.min.css">

<!-- Tema para Bootstrap 4 -->
<link rel="stylesheet" href="https://unpkg.com/@betha-plataforma/theme-bootstrap4">
</head>
<!-- ... -->
</html>

Compatibilidade

Este tema é compatível com as principais implementações do Bootstrap 4 para Angular, React e Vue. A seguir estão listadas as implementações compatíveis:

Framework/LibImplementação compatível
AngularNg-bootstrap
ReactReact Bootstrap
VueBootstrapVue