将绝对div放在bootstrap col中

Question

我尝试将divs绝对定位在bootstrap col中 -

red{
    background-color:red;
}

.grid-item{
    position:relative;    
}

.about{
    position:absolute;
    left:20px;
    top:20px;
}

.app{
    position:absolute;
    right:10px;
    top:10px;
}

这是我的小提琴： http://jsfiddle.net/nilssi/ah7m2k01/5/

这个位置很好，但我会看到红色背景。

Answer 1

尝试将height和width提供给.red您可以看到red color已应用：

.red{
    background-color:red;
    height:200px;
    width:200px;
}

<强> DEMO