如何在Bootstrap Grid之外添加额外部分？

Question

我有一个根据引导程序的12网格系统设计的Photoshop布局，其中有一个超出网格的额外部分，我不知道如何补充。我试图在选择器之后使用：添加该部分。有其他选择吗？

Answer 1

我用它选择:after通过使用CSS3 @media查询定义的行为来解决。

这里是我的代码：

.form-container { 
    position: relative; 
} 

.form-container:after { 
    content: ""; 
    height: 320px; 
    position: absolute; 
    right: -202px; 
    top: 0px; 
    border-right: 202px solid #764B3A; 
} 

@media screen and (max-width: 991px) { 
    .form-container:after { 
     border-right: none; 
    } 
}