@ayapergenov

Как настроить border?

3be1035c3a274943a43721fa05e10e67.png

Есть 6 адаптивных блоков сделанных на bootstrap, расположенных в 2 ряда по 3 соответственно. Необходимо сделать border-bottom у всех блоков, кроме нижнего ряда. Следует учесть что при уменьшении экрана блоки выстраиваются по 2 шт в 3 ряда и по 1 в 6 рядов. И border-bottom должен быть у всех кроме последнего ряда.
nth-child(n+4) не срабатывает.
На скриншоте код в SCSS.
  • Вопрос задан
  • 2260 просмотров
Пригласить эксперта
Ответы на вопрос 2
&:nth-last-child (1,2,3) {border-bottom: white;}

media (min-width: @screen-sd) {
&:nth-last-child (3) {border-bottom: transparent;}
}
media (min-width: @screen-xs) {
&:nth-last-child (2) {border-bottom: transparent;}
  }
Ответ написан
@ayapergenov Автор вопроса
Александр прошу уточнить еще момент.
После установки вашего кода появилось сообщение о следующей ошибке:
d6f87bc158274790ac93182df69abc12.png
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы