如何使图像在Bootstrap中的另一个图像上滑动

Question

我正在尝试重新创建此页面：http://www.motorcity.com.bh/offers/subaru使用Bootstrap，我面临的一个困难是Subaru登录。

在大屏幕视图中查看它是如何放置在另一个图像的顶部的？当您将屏幕尺寸调整为小尺寸（移动）时，它会滑动到正常位置。

是用css完成的吗？

如果是，怎么样？

Answer 1

你有一个像这样的css类：

.subaru .navbar-brand.page-scroll {
    left: 0;
    position: absolute;
    top: 24px;
    z-index: 100;
    padding-left: 0px;
}

将其更改为：

.subaru .navbar-brand.page-scroll {
    position: relative;
    z-index: 100;
    height: 100%;
    padding-left: 0;
    margin-left: -15px;
}