własne style dla col BOOTSTRAP

Jak dodam w odpowiednie miejsca w bootstrapie ten sam kod to wszystko dziala tak jak ana 1 rysunku a jesli dodam to do mojego pliku css ktory jest ponizej to w ogole przestaje dzialac.W czym robie tutaj blad?

Kolejnosc importowania css:
`<link href="css/bootstrap.css" rel="stylesheet">

konfiguracja mojego css
<ort>.kafelek{
border-radius: 4px;
margin:0 1% 20px 1%;
}
.col-md-4-5,.col-lg-4-5,.col-sm-4-5,.col-xs-4-5,.col-md-6-5,.col-lg-6-5,.col-sm-6-5,.col-xs-6-5,.col-md-2-5,.col-lg-2-5,.col-sm-2-5,.col-xs-2-5{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-4-5,.col-xs-6-5,.col-xs-2-5{ float:left; } .col-xs-2-5{ width:23%; } .col-xs-4-5{ width:48%; } .col-xs-6-5{ width:73%; } @media (min-width: 768px) {
.col-sm-4-5,.col-sm-6-5,.col-sm-2-5{
float:left;
}
.col-sm-2-5{
width:23%;
}
.col-sm-4-5{
width:48%;
}
.col-sm-6-5{
width:73%;
}
}
@media (min-width: 992px) {
.col-md-4-5,.col-md-6-5,.col-md-2-5{
float:left;
}
.col-md-2-5{
width:23%;
}
.col-md-4-5{
width:48%;
}
.col-md-6-5{
width:73%;
}
}
@media (min-width: 1200px) {
.col-lg-4-5,.col-lg-6-5,.col-lg-2-5{
float:left;
}
.col-lg-2-5{
width:23%;
}
.col-lg-6-5{
width:48%;
}
.col-lg-6-5{
width:73%;
}
}</ort>
Html code

<div class="kafelek well col-lg-2-5"></div>
    <div class="kafelek well col-lg-2-5"></div>
    <div class="kafelek well col-lg-2-5"></div>
    <div class="kafelek well col-lg-2-5"></div>
    <div class="kafelek well col-lg-4-5"></div>
    <div class="kafelek well col-lg-4-5"></div>`

Wydaje mi się, że to dlatego ponieważ w bootstrapie nie ma takiej klasy jak ".col-sm-2-5" itp.
Są tylko z pojedynczymi cyferkami.