# LivaNova Bootstrap Themes #
Bootstrap 4 Themes for LivaNova Plc. Currenty brands/products that themes have been made for are:
* LivaNova
* Cardiovascular
* Neuromodulation
### How do I get set up? ###
#### Adding the dependency ####
##### NPM #####
npm i livn-themes-bootstrap
##### Yarn #####
yarn add livn-bootsrap-themes
#### Using a theme in your web project ####
Note: You will not need to import the base bootstrap css file as the compiled themes reference them already.
##### Reference the compiled and minified css stylesheet into your HTML #####
If you are writing your code directly in HTML, or not using a front-end framework to compile scss, inside the pages' `` tag before any other stylesheet - add the following:
and
depending on your development environmnt, you may need to ensure that the css file is made avaialble in the output folder and alter the above file path accordingly.
##### Referencing the the scss source files #####
@import('node_modules/livn-themes-bootstrap/scss/[THEME_NAME].scss');
##### List of supported theme names #####
| Theme | [THEME_NAME] |
|--------------------|------------------|
| LivaNova Plc. | livanvova |
| Cardiovascular | cardiovascular |
| Neuromodulation | neuromodulation |
Many Bootstrap 4 components require the use of JavaScript to function. Specifically, they require jQuery, Popper.js, in addition to some custom bootstrap JavaScript plugins.
Place the following `neuromodulation` tags near the end of your pages, right before the closing ``. jQuery must come first, then Popper.js, and then our JavaScript plugins.