Bootstrap實現手風琴效果
阿新 • • 發佈:2018-11-22
<table class="table table-striped"> <div class="list-group-item" style="padding:10px 15px"> <div class="row"> <div class="col-xs-7">標題</div> <div class="col-xs-2">時間</div> <div class="col-xs-2">作者</div> <div class="col-xs-1">操作</div> </div> </div> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne"> <div class="panel-title"> <div role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <div class="row" style=" font-size: 13px"> <u class="col-xs-7">[公告]自然語言技術全線開放</u> <div class="col-xs-2">2018-09-17 10:46:30</div> <div class="col-xs-2">一級管理員</div> <a class="col-xs-1" target="_blank" role="button" href="javascript:void(0);" onclick="deleteLetter(letter_id)" >刪除</a> </div> </div> </div> </div> <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> <div class="panel-body"> 展開內容1 </div> </div> </div> </div> </table>