January 2020
Intermediate to advanced
428 pages
10h 34m
English
JHipster uses Bootstrap 4 as its UI framework. Since we are building a Vue application, it makes sense to use a native Vue binding instead of Bootstrap's jQuery-based components. BootstrapVue (https://bootstrap-vue.js.org/) provides pure Vue components and directives for Bootstrap 4.
We only register the components we require in src/main/webapp/app/shared/config/config-bootstrap-vue.ts.
Let's take a look at src/main/webapp/app/account/login-form/login-form.vue:
<template> ... <b-alert show variant="danger" v- if="authenticationError" v-html="..."> ... </b-alert> </div> <div class="col-md-8"> <b-form role="form" v-on:submit.prevent="doLogin()"> <b-form-group v-bind:label="..." label- for="username"> ...
Read now
Unlock full access