Why is this menu in the mobile version takes second place?

Trying to understand the layout, took the bootstrap, do not understand why in the mobile version the menu goes to second place?
The website nikitakrim.com/video1.html

Code for menu
<div class="row">
 <div class="offset-md-5 offsett-sm-offset 0-0 mb-5"></div>
<div class="col-md-1 col-sm-6 col-6 mb-5"> <a href="index.html"><p>porfoLio</p></a> </div> <div class="col-md-1 col-sm-6 col-6 mb-5"> <a href="contacts.html"><p>contacTs</p> </a> </div>
<div class="offset-md-5 offset-sm-offset 0-0 mb-5"></div>
</div>
March 23rd 20 at 19:30
1 answer
March 23rd 20 at 19:32
Solution
That is, the presence of typos in names of classes you do not confuse?
Sorry, pasted the old code, Yes saw this too, was corrected not affected. - constance.Weissnat commented on March 23rd 20 at 19:35
@constance.Weissnat, and the fact that the size of the columns for all the sizes you are missing, you are confused? - Emilie.Vandervort4 commented on March 23rd 20 at 19:38
Yes, now I looked another typo missed, adjusted, worked - thank you - constance.Weissnat commented on March 23rd 20 at 19:41

Find more questions by tags BootstrapCSS