编辑 编号序列的静态界面(使用bootstrap插件中的dropdown)

源代码：(基于 信息披露系统)

<?tslx>
<link rel="stylesheet" rev="stylesheet" href="/resource/fundids/css/style.css" />
<link rel="stylesheet" rev="stylesheet" href="/resource/fundids/css/bootstrap/bootstrap.min.css">
<script src="/resource/fundids/js/jquery.min.js" type="text/javascript"></script>
<script src="/resource/fundids/js/bootstrap.min.js" type="text/javascript"></script>
   
<style>
  hr.line{vertical-align:top;width:80px;margin-top:9px;overflow:hidden;float:right;height:2px;}
</style>
 

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">1.<hr class="line"></a></li>
    <li role="separate" class="divider"></li>
    <li><a href="#">1)<hr class="line"></a></li>
    <li role="separate" class="divider"></li>
    <li><a href="#">一.<hr class="line"></a></li>
    <li role="separate" class="divider"></li>
    <li><a href="#">A、<hr class="line"></a></li>
    <li role="separate" class="divider"></li>
    <li><a href="#">a)<hr class="line"></a></li>
  </ul>
</div>
  

显示的效果：