css滑块全宽
css滑块全宽
提问于 2018-06-03 21:40:58
我正在为我的一个朋友建立这个网站。她问我是否可以做一个标题图片的滑块。我试着让它全宽，但它在firefox和chrome中看起来不同，我不知道为什么。
url是xx
问题是，在firefox中，它的左边距/填充左边有很多，而不是0。尝试添加！重要，但没有区别。在chrome中，它几乎是全宽的，但仍然不是完全的。我想我在看一些显而易见的东西:(非常感谢帮助。
回答 2
Stack Overflow用户
发布于 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中的问题。
Stack Overflow用户
发布于 2018-06-03 22:03:30
我不确定您是否定义了父元素carousel的宽度-示例正确。您可以使用全宽度扩展.carousel的bootstrap.css：
.carousel {
width:100%;
position:relative;
}BR
网眼
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50667016
复制相关文章
相似问题
腾讯云开发者
