我想在同一行显示 3 div,最小屏幕宽度为 992px

I want to make 3 div's display in the same row with min-width of screen is 992px

我添加了浮动和媒体查询,但我的代码似乎不适用于 992,above.Please 让我知道缺少什么。

https://jsfiddle.net/ju1gpmeL/

@media(min-width: 992px){
#d1{
    float: left;
    width:32%;
}

#d2{
    float: left;
    width: 32%;
}
#d3{
    float: left;
    width: 32%;

}

}

@media(min-width: 992px){
#d1{
    float: left;
    width:33%;
}

#d2{
    float: left;
    width: 33%;
}
#d3{
    float: left;
    width: 33%;

}

}