css - 在 bootstrap col 中定位绝对 div

Question

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

red{
    background-color:red;
}

.grid-item{
    position:relative;    
}

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

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

这是我的 fiddle : http://jsfiddle.net/nilssi/ah7m2k01/5/

位置很好，但我会考虑红色背景。

Answer 1

尝试将 height 和 width 赋给 .red 你可以看到应用了 red color:

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

DEMO