标签管理

135 阅读1分钟

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 + "&nbsp;&nbsp;";
                 }
                 $(".col-xs-12").html(html);
                }
                console.log(res);
            },
            error:function(err){
                console.log(err);
            }
        })
    })
</script>