Menu based on Bootstrap?

Question

css

I want to make a menu as in this example https://stroy.aspro-demo.ru/
Depending on the screen size, several menu items are visible. Full resolution 8 points. At 1024px there are 6 points? and the rest are folded into a button. There are already 4 elements at 768px, the rest is collapsed. Well, on mobile resolutions, the usual menu for phones.
Is it possible to somehow do the same based on the standard bootstrap menu.
It is possible without bootstrap in principle, but the main thing is that it fits in there

Answer 1

getbootstrap.com/components/. Isn't there?

Answer 2

There is no such functionality in bootstrap by default.
Here you can see an example of implementation with JS - codepen.io/kartofelek007/pen/wMQBgm

@media screen and (min-width: 1024px) {
   li:nth-child(8) {display:none;}
}

hide the 7th and 8th

@media screen and (min-width: 768px) {
   li:nth-child(7),
   li:nth-child(6) {display:none;}
}

and so on.