Podłączamy do naszego projektu bibliotekę bootsrap, która umożliwia użycie w projekcie ładnie wyglądających zestawów kontrolek.
Instalacja w projekcie
npm install bootstrap
w pliku index.html musimy dodać linijkę:
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
Teraz już możemy użyć kontrolek bootstrap. Cały kod index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
</head>
<body>
<button id="btn" type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<script src="render.js"></script>
</body>
</html>Efekt końcowy
