我正在为我的一个朋友建立这个网站。她问我是否可以做一个标题图片的滑块。我试着让它全宽,但它在firefox和chrome中看起来不同,我不知道为什么。
url是xx
问题是,在firefox中,它的左边距/填充左边有很多,而不是0。尝试添加!重要,但没有区别。在chrome中,它几乎是全宽的,但仍然不是完全的。我想我在看一些显而易见的东西:(非常感谢帮助。
发布于 2018-06-03 22:06:35
第一个问题是,您只创建了一个row
作为滑块的容器。row
增加了margin-left: -25px
和margin-right: -25px
。如果你想使用这样的结构,你应该在row
中放置一个col-xs-12
(如果你使用的是Bootstrap4,使用col-12
)。之后,你会看到一个全宽的滑块。因此,您的结构将如下所示:
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
...
slider structure
...
</div>
</div>
</div>
这应该也能解决你在Firefox中的问题。
发布于 2018-06-03 22:03:30
我不确定您是否定义了父元素carousel的宽度-示例正确。您可以使用全宽度扩展.carousel的bootstrap.css:
.carousel {
width:100%;
position:relative;
}
BR
网眼
https://stackoverflow.com/questions/50667016
复制相似问题