12-components-example-01/index.html

<!DOCTYPE html>
<html>
<head>
	<title>VueJs - Using Components Example 1</title>
	
	<!-- Bootstrap core CSS -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" />
	
	<!-- Favicons -->
	<link rel="icon" href="https://vuejs.org/images/logo.png"> <!-- @source: https://vuejs.org -->
	<style>.card{margin-top:25px;}.card-header{cursor:pointer;}</style>
</head>
<body>

	<div id="app-12" class="container">

		<!-- Display Bootstrap Cards -->
		<bootstrap-card
			header="Using Vue Components" 
			title="Implementing Bootstrap Card" 
			text="A card is a flexible and extensible content container">
		</bootstrap-card>
		
		<bootstrap-card
			header="One more Component" 
			title="Bootstrap Card Again"
			text="Yes, I know. This is awesome!">
		</bootstrap-card>
					
	</div>

	<script src="https://unpkg.com/vue"></script>
	<script src="app.js"></script>
</body>
</html>