注意 :
invoice-total 这个类,这个类与table类一起使用,这个类的主要作用就是宽度变小,右对齐,并且最后一列的数字下面出现下划线
<div class="table-responsive m-t">
<table class="table invoice-table">
<thead>
<tr>
<th>清单</th>
<th>数量</th>
<th>单价</th>
<th>税率</th>
<th>总价</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div><strong>尚都比拉2013冬装新款女装 韩版修身呢子大衣 秋冬气质羊毛呢外套</strong>
</div>
</td>
<td>1</td>
<td>¥26.00</td>
<td>¥1.20</td>
<td>¥31,98</td>
</tr>
<tr>
<td>
<div><strong>11*11夏娜 新款斗篷毛呢外套 女秋冬呢子大衣 韩版大码宽松呢大衣</strong>
</div>
<small>双十一特价
</small>
</td>
<td>2</td>
<td>¥80.00</td>
<td>¥1.20</td>
<td>¥196.80</td>
</tr>
<tr>
<td>
<div><strong>2013秋装 新款女装韩版学生秋冬加厚加绒保暖开衫卫衣 百搭女外套</strong>
</div>
</td>
<td>3</td>
<td>¥420.00</td>
<td>¥1.20</td>
<td>¥1033.20</td>
</tr>
</tbody>
</table>
</div>
<!-- /table-responsive -->
<table class="table invoice-total">
<tbody>
<tr>
<td><strong>总价:</strong>
</td>
<td>¥1026.00</td>
</tr>
<tr>
<td><strong>税:</strong>
</td>
<td>¥235.98</td>
</tr>
<tr>
<td><strong>总计</strong>
</td>
<td>¥1261.98</td>
</tr>
</tbody>
</table>
<div class="text-right">
<button class="btn btn-primary"><i class="fa fa-dollar"></i> 去付款</button>
</div>
<div class="well m-t"><strong>注意:</strong> 请在30日内完成付款,否则订单会自动取消。
</div>
</div>
FR:海涛高软(QQ技术交流群:386476712)