[Vuejs]-Bootstrap4 Form Example is Rendering Incorrectly

if you are looking for a simple solution for a static website or basic stuff
all you need to do is to add this cdn to your html

    <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

and this bootstrap javascript cdn for dropdowns and navbar

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

and the jQuery cdn

check this link for a live preview

https://stackblitz.com/edit/web-platform-ss4nvu?file=script.js

basicly this

    <link rel="stylesheet" type="text/css"
        href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

at the head tag 🙂

but i see that you mentioned vue js in the tags you are looking for an answer so i also recommend on going throw the website of vueJS bootstrap which is amazing if you have any trouble i am available also in gmail 🙂

dolev146@gmail.com