购物车界面(Bootstrap)
来源:互联网 发布:淘宝钻石号出售 编辑:程序博客网 时间:2024/06/01 08:39
注意 :
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)
1 0
- 购物车界面(Bootstrap)
- angularjs bootstrap 购物车
- 购物车详情界面点击加入购物车(四)
- AngularJs+bootstrap(前台购物车)
- 商品详情界面点击跳转到购物车(二)购物车界面
- angular+bootstrap写的简易购物车
- bootstrap angularjs 实现jsp页面购物车
- 购物车订单界面的简单实现(三)
- 简单的购物车UI界面
- 关于淘宝购物车的界面搭建
- 使用angularjs和bootstrap写一个简单的购物车
- bootstrap+vue.js实现简单的购物车功能
- Bootstrap用户登录界面的实现(BootStrap入门2)
- 使用FragmentTabHost切换碎片(这是一个仿购物车的主界面)
- 商品详情页面点击跳转到购物车(一)详情界面
- 网上购物商城界面
- 从详情页点击购物车按钮到主界面的购物车
- iOS 实现一个类似电商购物车界面示例
- F检验 Ftes算法t我的见解
- 大数加法
- Android studio插件大全
- 条件随机场(CRF)及CRF++安装使用
- 使用Jquery操作DOM
- 购物车界面(Bootstrap)
- Ionic2可以有两种方式来存储数据,Local Storage和SQLite
- jQuery取得select选择的文本与值
- 求个最大值(技巧+二分转化)
- Quartz Cron Expressions 详解
- WEB资源
- linux命令之ifconfig
- gtk-3.0学习笔记3-布局始
- 程序设计基础(C)大作业——学籍管理系统(2)