.container { padding-left: 16px; padding-right: 16px; } .row { margin-left: -6px; margin-right: -6px; display: flex; flex-wrap: wrap; } .col { padding-left: 6px; padding-right: 6px; } .col-100 { flex: 0 0 100%; max-width: 100% } .col-1 { flex: 1; } .col-2 { flex: 0 0 50%; max-width: 50%; } .col-3 { flex: 0 0 33.33%; max-width: 33.33%; } .col-4 { flex: 0 0 25%; max-width: 25%; } .col-5 { flex: 0 0 20%; max-width: 20%; } .col-6 { flex: 0 0 16.66%; max-width: 16.66%; }