使用bootstrap轮播插件，切换时，图片突然变大，切换完成后，变成正常效果，请高手指点！（在线等！）

lesliemei 2019-06-28 09:47:02

使用bootstrap轮播插件，切换时，图片突然变大，切换完成后，变成正常效果，请高手指点！

整个切换状态如下图

...全文

214 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

bootstrap上传插件，可预览，可批量

【轮播图】使用bootstrap轮播插件（Carousel）

一、Bootstrap概述在本章中，学生将了解Bootstrap的背景、功能和优势，包括Bootstrap的历史和版本，它的主要功能和优势，以及为什么使用Bootstrap。二、准备工作在本章中，学生将学习关于Bootstrap的前置知识，包括HTML和CSS基础知识。此外，还将讨论环境搭建，包括如何下载和安装Bootstrap。三、如何使用Bootstrap构建网站在本章中，学生将学习如何使用Bootstrap构建网站。首先，我们将介绍第一个Bootstrap程序，然后深入探讨Bootstrap的网站构建原理。四、布局在本章中，学生将学习关于Bootstrap布局的知识。我们将深入研究容器、网格系统和表格。五、表单在本章中，学生将学习如何使用Bootstrap表单组件。我们将研究文本输入控件、选择控件、范围控件和表单验证。六、组件在本章中，学生将学习关于Bootstrap组件的知识。我们将介绍按钮、徽章、按钮组、下拉列表、列表组、导航菜单、导航栏、分页导航和卡片。七、插件在本章中，学生将学习关于Bootstrap插件的知识。我们将介绍工具提示框、警告框、Toast、弹出框、模态框和轮播。八、实践项目【图书管理系统作业】在本章中，学生将利用Bootstrap知识，实现一个图书管理系统。我们将首先进行需求分析，然后逐步实现登录页面、图书列表页面和图书添加页面。

发现问题在使用bootstrap做轮播图时，由于图片尺寸，使得图片与轮播图结合的效果很差解决方案我们先找到轮播图的相关代码，如下： <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="3000">  <ol class="carousel-indicators">

使用Bootstrap插件实现轮播效果（自动、手动）

39,087

社区成员

5,547

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章