gpt4 book ai didi

css - Twitter Bootstrap 3 img 响应边缘到边缘(流血)

转载 作者:太空宇宙 更新时间:2023-11-03 23:27:36 26 4
gpt4 key购买 nike

不确定问题标题是否正确,但我需要帮助才能获得全宽图像。

我试过像这样添加一个 css 类:

.img-edge{
margin-right: -15px;
margin-left: -15px;
}

但它不起作用。

See example here

有人知道我能做什么吗?

最佳答案

只需将图像放在 .col-xs-12 元素之外,如下所示:

<div class="container">
<div class="row">
<div class="col-xs-12">
<p>Some text here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p>Some text here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p>Some text here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p>Some text here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>

</div>
<img alt="Edge to edge!" src="http://dummyimage.com/1900x400/000000/fff" class="img-responsive img-edge">
</div>
</div>

Working Example

关于css - Twitter Bootstrap 3 img 响应边缘到边缘(流血),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26360240/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com