如何用ASP.NET MVC实现横向布局的购物车功能？

本文共计2474个文字，预计阅读时间需要10分钟。

通常，我们看到的购物车是这样的：虽然这种购物车形式被广泛运用，但我个人觉得不够直观。如果换成这样的呢？本篇源码已放出：https://github.com/darrenji/ShoppingCartInMVC 以上的购物车

通常，我们看到的购物车是这样的：

虽然这种购物车显示方式被广泛运用，但我个人觉得不够直观。如果换成这样呢？

本篇的源码放在了：github.com/darrenji/ShoppingCartInMVC

以上购物车页能实现的效果包括：
1、购物车明细：显示订购数量、总金额，清空购物车。
2、购物车内产品：数量可调整，对应的小计和总计动态变化。点击移除按钮移除该产品。
3、继续购物按钮：点击左下角的继续购物按钮，回到先前页。
4、使用了Bootstrap, 页面元素自适应，页面宽度调小时，页面布局动态变化。
5、每行放置4个产品，且允许高度不一致，第5个产品另起一行，且不会float到上一行的空白区域，如下图。

首先，有关产品的类。