A
A
ayapergenov2014-11-25 07:44:16
css
ayapergenov, 2014-11-25 07:44:16

How to set up a border?

3be1035c3a274943a43721fa05e10e67.png
There are 6 responsive blocks made on bootstrap, arranged in 2 rows of 3 respectively. It is necessary to make border-bottom for all blocks, except for the bottom row. It should be noted that when the screen is reduced, the blocks line up 2 in 3 rows and 1 in 6 rows. And all but the last row should have border-bottom.
nth-child(n+4) doesn't work.
The screenshot shows the code in SCSS.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
Alexander Zachinalov, 2014-11-25
@SanDiesel

&: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;}
  }

A
ayapergenov, 2014-11-25
@ayapergenov

Alexander, I ask you to clarify one more point.
After installing your code, the following error message appeared:
d6f87bc158274790ac93182df69abc12.png

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question