form-inline让他们显示在一行 col-md-10,col-md-2,col-xs-12规定他们的宽度
关于标签管理页面: 其中 form-control设置宽度为100%。
<div class="container">
<div class="row">
<span>ACG标签管理</span>
<hr>
</div>
<div class="row">
<form action="" class="form-inline">
<div class="col-md-10">
<input type="text" name="" id="" class="form-control">
</div>
<div class="col-md-2">
<button class="btn btn-default">添加</button>
</div>
</form>
</div>
<div class="row">
<div class="col-xs-12">
</div>
</div>
</div>
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script>
$(function(){
$.ajax({
url:"http://localhost:3007/tag",
type:"GET",
success:function(res){
if(res.status===200){
const data = res.data;
let html = "";
for (let index = 0; index < data.length; index++) {
const element = data[index];
html += element.text + " ";
}
$(".col-xs-12").html(html);
}
console.log(res);
},
error:function(err){
console.log(err);
}
})
})
</script>