carousel 相关问题

内容的旋转显示,可容纳各种内容,通常包括“下一个”和“前一个”按钮,以旋转内容。

Bootstrap Carousel的背景不相等

我有两个背景,但对Bootstrap Carousel有问题。 #Carousel-purpose {background-color:#856c8b;文本对齐:居中;颜色:#fff; } .carousel-inner {padding:7%15%...

回答 1 投票 0

我似乎无法将计算机上的选择图像附加到我的网站的轮播上。我的轮播是三张图片

我似乎无法从包含我的网站轮播的图像的计算机文件中附加我选择的图像。我的轮播有3张图片。我已经选择了jpegs / png,并且知道...

回答 1 投票 0

Bootstrap Carousel在我的网站中不起作用[关闭]

我正在基于PHP和Bootstrap创建一个网站。我正在尝试使用以下代码在我的网页上添加一个引导轮播,但无法正常工作。但是它可以在JS小提琴中使用。下面是...

回答 1 投票 -1

React-bootstrap Carousel中的图像未显示

我在React-bootstrap轮播中显示图像时遇到问题。轮播本身可以工作。我在底部看到箭头和索引。但是图像不会显示。当我检查元素和...

回答 3 投票 0

Bootstrap Carousel混合图像和iframe-尺寸不相同

我不熟悉CSS,html和javascript,并试图为我的公司建立一个网站。我有一个来自Bootstrap 4.4的轮播,并具有2个正常工作的图像,但是我的第3个“图像”必须是一个...

回答 2 投票 1

轮播中更改幻灯片的问题,仅用js和CSS编写

很抱歉重复,但是我没有找到解决问题的方法。关于我的问题。我正在尝试仅使用js和CSS创建幻灯片轮播。我需要的是一张幻灯片的交替显示...

回答 1 投票 1

滑动到下一张幻灯片时,滑动滑块的行为类似于Bootstrap Carousel

在平滑滑动条(http://kenwheeler.github.io/slick/)中,如何在滑动时隐藏当前滑动条和所需滑动条中的所有滑动条,就像Bootstrap Carousel行为一样。

回答 1 投票 2

django网站中的滑块,使用bootstrap4转盘

我想在我的django网站中创建一个轮播滑块,我可以在其中轻松地从管理面板中添加/删除图像。

回答 2 投票 0

如何创建多个图像轮播?

我对React Native有点陌生,我正在尝试使用Flatlist创建一张卡片列表,我想为每个卡片作为轮播展示几张图片,并尝试使用react-native-snap来做-...

回答 2 投票 0

如何创建多个图像转盘?

我对本机作出反应有点新,我正在尝试使用Flatlist创建卡片列表,我想为每张卡片都显示几张图像作为轮播,并尝试使用react-native-snap来做-...

回答 1 投票 0

如何添加垂直滚动以反应带转盘幻灯片内容

我想在此转盘中添加文章,但是当幻灯片中的内容超过固定长度时,它看起来像波纹管。我现在已经对这些项目进行了硬编码。从'...

回答 1 投票 0

React-bootstrap(1.0.0-beta16)传送带在Internet Explorer(IE)中不起作用

我的React应用程序正在使用react-bootstrap的轮播。该轮播可以在Chrome,Firefox,Safari,Edge和Edge上正常运行,但不能在Internet Explorer上运行。问题:轮播会切换第一个...

回答 1 投票 0

即使放大/缩小后,如何仍将旋转木马箭头保持在中心,或更新浏览器窗口大小?

在小提琴中,我有一个图表,我的目标是将旋转木马放在左,右始终是垂直的直线中心(距顶部50%),并将两个箭头定位在大约5%的位置,但要足够靠近图形。我...

回答 1 投票 0

是否修改Bootstrap传送带控件的高度?

下图的蓝色部分显示了轮播的触发区域。我从引导文档中截取了屏幕截图。我想修改触发区域的高度(例如50%...

回答 1 投票 -1


如何对我的组件实施滑动逻辑?

我制作了带有React-slideshow-image的轮播,但问题是无法在移动版本上滑动。因此,我希望能够自己设置滑动,但是我不知道如何...

回答 1 投票 0

传递给子组件的道具未定义,但console.log显示道具的值

我尝试根据Gatsby在我的应用中创建Carousel。我在将道具从“父级”传递给“子级”功能组件时遇到问题。我收到错误TypeError:props.slide是未定义的,但是当我检查日志时...

回答 1 投票 0

如何在互动时重置/停止Siema自动播放间隔?

快乐新2020!我正在尝试使用纯JavaScript轮播插件Siema,因此很喜欢它。不过,由于我对JavaScript一无所知,因此我很难解决这个问题(我只是一个图形对象...

回答 1 投票 0

是什么让引导程序将我的背景切成两半?

我尝试使用自举程序制作轮播,但是这会使我的背景照片被切成两半。 [ 调试代码之前。您应该了解以下内容: [您应确保知道如何使用传统的浮动,CSS3的flexbox或bootstrap-4的网格系统来布局网页。打开开发者控制台,然后从那里开始调试。检查哪种布局有问题,并在浏览器本身中进行修复。 总是在引导文件之后使用自定义CSS文件,因此将引导文件放在task.css文件。了解CSS中级联的概念。 <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"/> <link rel="stylesheet" href="./css/bootstrap.min.css"> <!-- Always keep you custom css after using any Css reset's or css frameworks --> <link rel="stylesheet" href="./task.css"> </head> 最好将导航(导航栏)保留在容器之外类。 当我检查您的代码时,我发现不必要的巨大余量-应用在破坏网站的导航上,并在页面上显示滚动条页面底部。类似地,容器类来自bootstrap-4在您的代码中被覆盖,这是非常糟糕的实践。您应该了解容器类如何设置其宽度CSS3中的不同断点。 .container{ background-size: cover; background-image: url("assets/whole_page.png"); /* width: 1915px; */ /* height:6144px; */ } 现在讨论您的话题,向官方引导学习网站 https://getbootstrap.com/docs/4.4/components/carousel/并从bootstrap-4 carousal文档中学习如何使用这些类。 我对您的代码进行了一些基本更改。从那里开始,继续前进,不要放弃。 jsfiddle.net/30terohd/5 最后,我想向您建议,这不仅涉及轮播代码,还涉及设置网站中的所有部分,从布局到放置内容。因此,请逐步进行操作,首先布局您的网站,然后使用bootstrap-4网格系统创建网站的基本结构,然后再在其中放置bootstrap组件。这是最好的方法,您将越来越多地了解编码和Web设计。

回答 1 投票 -1


© www.soinside.com 2019 - 2024. All rights reserved.