Bootstrap：是否可以在轮播上添加搜索表单

Question

我使用Bootstrap 3.我刚创建了带有轮播滑块的主页。它运作良好。我必须在页面上添加一个搜索表单。我想知道是否可以在转盘上添加搜索表单。因此，即使旋转木马图像发生变化，表格也始终保留在当前幻灯片上（例如在网络上的空气b和b https://fr.airbnb.com/） Bootstrap 3有可能吗？ 感谢

Answer 1

以下是一个示例：http://bootply.com/108847

#searchForm将使用以下内容覆盖轮播：

#searchForm {
    position:absolute;
    top:45%;
}

Answer 2

在您关联的网站上，他们使用绝对定位的div来保持搜索表单在轮播更改时就位。对于像这样的事情，这可能是你最好的选择。

Answer 3

Bootstrap4背景图片轮播，带有搜索表单：

Demo fiddle

Code needs to move search form to carousel slider
   #searchForm {
      position:absolute;
      top:45%;
      left: 32%;
    }