bootstrap选项卡效果

最新推荐文章于 2023-12-10 17:59:11 发布

蜗牛慢慢向上爬

最新推荐文章于 2023-12-10 17:59:11 发布

阅读量1.4k

点赞数

分类专栏： bootstrap 文章标签： bootstrap

本文链接：https://blog.csdn.net/A9925/article/details/42268901

版权

这篇博客展示了如何利用Bootstrap框架创建选项卡效果。内容包括个人报名和团体报名两个选项卡，每个选项卡内包含表格展示相关数据。用户可以通过操作按钮进行报名、缴费等操作。页面底部提供了返回队员信息列表、添加新队员以及根据队员状态进行报名确认、撤回审核、在线缴费和查看缴费记录的链接。

摘要由CSDN通过智能技术生成

<img src="https://img-blog.csdn.net/20141230172542333?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQTk5MjU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

<div class="row-fluid sortable" style="width:80%; margin-left:auto; margin-right:auto;">
  <div class="box span12">
    <div class="box-header well" data-original-title>
      <h2 style="margin-top:-10px;"><i class="icon-th"></i>
        <?=$teamname?>
        参赛项目信息</h2>
    </div>
    <div class="box-content" style ="text-align: center;">
      <ul class="nav nav-tabs" id="myTab">
        <li class="active"><a href="#info">个人报名</a></li>
        <!--<li><a href="#custo