NavBar Bootstrap 4, how not to hide some items on mobile screens?

Question

css

How in Bootstrap 4 navbar not hide some item when responsive? That is, with a width of 1200px, you need to hide all but two items without duplication. How can I do that?

Link to code: https://codepen.io/moiseev1788/pen/eYZvxbG?editors=1000

Answer 1

Copy, switch on breakpoints
https://codepen.io/FragsterAt/pen/MWypxqq?editors=1000