Bootstrap 将图像从列中分离出来并使其跨越两列

1bqhqjot 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(1)|浏览(98)

我有一个图像，我需要打破了列，让它跨越两列（模板是使用Bootstrap 4）。
It should look like this
不幸的是，我将无法修改html，所以这是可能的CSS/JS只？
下面是我的代码：
第一个

twitter-bootstrap

来源：https://stackoverflow.com/questions/60154707/break-image-out-of-column-and-let-it-span-over-both-columns

1条答案

按热度按时间

q8l4jmvw1#

这些都是可以使用CSS轻松处理的事情。
您只需：

img {

    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 84vw;
    position: relative;
    right: 50%;
    width: 100vw;
}

完整工作代码

第一次

赞(0）回复(0）举报 2022-12-07

我来回答

Bootstrap 将图像从列中分离出来并使其跨越两列

1条答案

相关问题

热门标签

最新问答