Bootstrap-vue doesn't load CSS

Question

I am writing a Vue.js app with Bootstrap 4 and I can\'t loaded though I followed the documentation.

Added to main.js

Vue.use(BootstrapVue);

Answer 1

Try importing the files using JavaScript.

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

---

On closer inspection it looks like you're missing
also is controlled by v-model

    

        
            
{{ msg }}
            
{{ statusCode }}
        
    
    
     
        
                
Players data
        
        
                
Tournament data
        
    

That should fix the styling of the tabs.