moved navbar min size css code
[ryf-theme.git] / css / bootstrap-auto-clear.css
... / ...
CommitLineData
1/* https://stackoverflow.com/questions/26939104/clear-rows-when-doing-multi-responsive-columns-bootstrap/33540628#33540628 */
2@media (min-width:1200px){
3 .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
4 .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
5 .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
6 .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
7 .auto-clear .col-lg-6:nth-child(odd){clear:left;}
8}
9@media (min-width:992px) and (max-width:1199px){
10 .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
11 .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
12 .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
13 .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
14 .auto-clear .col-md-6:nth-child(odd){clear:left;}
15}
16@media (min-width:768px) and (max-width:991px){
17 .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
18 .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
19 .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
20 .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
21 .auto-clear .col-sm-6:nth-child(odd){clear:left;}
22}
23@media (max-width:767px){
24 .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
25 .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
26 .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
27 .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
28 .auto-clear .col-xs-6:nth-child(odd){clear:left;}
29}