What is the best way to integrate bootstrap theme on VueJS

Question

What do you think is the best way to embed a bootstrap theme on VueJs? Assuming I do not want to use bootstrap-vue to not rewrite all the template? How and where to include the bootstrap.min.css file, as well as all font files that depend on it?

I init the project with vue-cli with wepack-simple template

Answer 1

Adding the Bootstrap CSS file like any other CSS file in the head of index.html should work (cf Bootstrap docs):

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

No need to include the fonts, the CSS will get them.