You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.4 KiB
56 lines
1.4 KiB
<template>
|
|
<div class="container">
|
|
<img alt="Vue logo" src="./assets/logo.png">
|
|
<br>
|
|
<!-- Test bootstrapu -->
|
|
<button
|
|
class="btn btn-primary"
|
|
data-bs-target="#collapseTarget"
|
|
data-bs-toggle="collapse">
|
|
Bootstrap collapse
|
|
</button>
|
|
<div class="collapse py-2" id="collapseTarget">
|
|
This is the toggle-able content!
|
|
</div>
|
|
|
|
<HelloWorld msg="Welcome to Your Vue.js App"/>
|
|
<br>
|
|
<EzPocitadlo/>
|
|
<FavForm/>
|
|
<div class="row">
|
|
<BootCard class="col-md-3 col-12" name="John Smith" age="43" pos="CEO of Company"/>
|
|
<BootCard class="col-md-3 col-12" name="Peter Parker" age="18" pos="Fotograf"/>
|
|
<BootCard class="col-md-3 col-12" name="Franta Pepa" age="50" pos="Uživatel"/>
|
|
<BootCard class="col-md-3 col-12" name="Luboš Hnízdo" age="3" pos="Kiddo"/>
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import BootCard from './components/BootCard.vue';
|
|
import EzPocitadlo from './components/EzPocitadlo.vue';
|
|
import FavForm from './components/FavForm.vue';
|
|
import HelloWorld from './components/HelloWorld.vue'
|
|
|
|
export default {
|
|
name: 'App',
|
|
components: {
|
|
HelloWorld,
|
|
BootCard,
|
|
EzPocitadlo,
|
|
FavForm
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
#app {
|
|
/* font-family: Avenir, Helvetica, Arial, sans-serif; */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-align: center;
|
|
color: #2c3e50;
|
|
margin-top: 60px;
|
|
}
|
|
</style>
|
|
|