使用BootStrap建立响应式网页——通栏轮播图（carousel）
发布时间：2020-12-18 00:44:37 所属栏目：安全 来源：网络整理
导读：1、bootstrap提供了js插件——轮播图 我们还是照旧，直接拿过来用，需要改的地方再说。 2、修改 小屏幕看小图，大屏图看大图：这个可以利用自定义属性（data-XXX）data-img-lg（保存大图）和data-img-xs（保存小图）属性保存图片的路径，利用jQuery的data函
1、bootstrap提供了js插件——轮播图我们还是照旧，直接拿过来用，需要改的地方再说。 2、修改小屏幕看小图，大屏图看大图：这个可以利用自定义属性（data-XXX）data-img-lg（保存大图）和data-img-xs（保存小图）属性保存图片的路径，利用jQuery的data函数取出data-xxxx属性进行动态加载。 图片居中显示：大图用背景图片来做比较好一点，小图用img来做比较好一点（因为小图的话需要等比例缩放，用背景图做不到等比例缩放）。 承载轮播图的盒子高度：大图的的时候用图片的高度，小图自适应，所以要用到媒体查询，设置容器高度。 3、代码以上所述是小编给大家介绍的使用BootStrap建立响应式网页——通栏轮播图（carousel）。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |