将子容器放在比Bootstrap中的父容器更宽的位置

Question

基本上我想做的事情与这个问题完全相同：Is there are way to make a child DIV's width wider than the parent DIV using CSS?

唯一的问题是我使用的Drupal主题基于bootstrap，这使得父元素（col-sm-12）具有position: relative;。

我可以做到这一切：

#my_div_id {
    position: absolute;
    left: 0;
    width: 100%;
}

从所有position: relative;类的Bootstrap css定义中删除col-sm-*，但这会导致任何不利问题吗？

Answer 1

简而言之，答案是肯定的。见this bootply

在不知道您的具体要求的情况下，我只需使用此CSS允许行超出容器宽度：

.row.expanded{
    width:120%; 
    margin-left:-10%;
}

这使得它比父母更宽，并使其保持居中。