Je veux faire l'affichage de 3 div dans la même rangée avec min-width de l'écran est 992px

Question

J'ai ajouté float et la requête de médias, mais mon code ne semble pas fonctionner pour 992 et ci-dessus.S'il vous plaît laissez-moi savoir ce qui manque.

https://jsfiddle.net/ju1gpmeL/

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

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

} 

}

Answer 1

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

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

} 

}