极客观点
项目管理
HarmonyOS
为什么引用pane没有效果啊？下面的table都出效果了~
<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:'#app',
data:{
list:[
{id:1, name:'奔驰',ctime: new Date()},
{id:2, name:'宝马',ctime: new Date()}
]
}
})
</script>
</body></html>
bookstrap4.0.0没有么，只能用3？
panel在Bootstrap4被官方删除了->链接
解决办法是，用
card-header代替。