Why doesn"t it work to quote pane? The following table have all worked ~
< html >
<head>
<meta charset="utf-8" />
<title></title>
</head>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js" ></script>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<body>
<div id="app">
<div class="panel-default">
<div class="panel-heading">
<h3 class="panel-title"></h3>
</div>
</div>
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th>Id</th>
<th>Time</th>
<th>Ctime</th>
<th>Operation</th>
</tr>
</thead>
<tbody>
<tr v-for="item in list" :key="item.id ">
<td>{{item.id}}</td>
<td>{{item.name}}</td>
<td>{{item.ctime}}</td>
<td>
<a href=""></a>
</td>
</tr>
</tbody>
</table>
</div>
<script>
var app = new Vue({
el:"-sharpapp",
data:{
list:[
{id:1, name:"",ctime: new Date()},
{id:2, name:"",ctime: new Date()}
]
}
})
</script>
</body> < / html >
don"t you have bookstrap4.0.0? you can only use 3?