案例1:实现搜索书籍页面
组件:媒体对象-Media object
案例2:实现购物车页面布局
页面内容:表格-Table
案例3:实现购物车页面订单信息
组件:模态框-Modal
案例4:图标组件的使用
扩展内容-图标
使用图标前首先要引入图标库的css,先引入Bootstrap的css再引入图标库的css,注意顺序。
查询图标:
代码:
效果图:
购物车图标:
代码:
效果图:
组件:媒体对象-Media object
页面内容:表格-Table
组件:模态框-Modal
扩展内容-图标
使用图标前首先要引入图标库的css,先引入Bootstrap的css再引入图标库的css,注意顺序。
查询图标:
代码:
效果图:
购物车图标:
代码:
效果图: