将静态引导程序导航转换为wordpress导航（更深入）

I have been learning how to use wordpress along with php and I am currently trying to convert a static website I have built using wordpress.

At the minute I am having trouble with the wordpress 'wp_nav_menu' being that I have a so-called split menu with the main navigation links on the left and some social media links on the right.

Here is my current markup:

<div class="navbar-collapse collapse">
   <ul class="nav navbar-nav">
      <li class="active"><a href="index.html">Home</a></li>
      <li><a href="#">Computer Services</a></li>
      <li><a href="#">Accountancy Services</a></li>
      <li><a href="#">Payroll Services</a></li>
      <li><a href="#">About Us</a></li>
   </ul>
   <ul class="nav navbar-nav navbar-right social-icons">
      <li>
         <a href="#" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
         <a href="#" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
         <a href="#" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
      </li>
   </ul>
</div>

And how far I have gotten with the wordpress integration:

<?php
   wp_nav_menu( array (
      'theme_location'  => 'primary',
      'container'       => 'nav',
      'container_class' => 'navbar-collapse collapse',
      'menu_class'      => 'nav navbar-nav',
    ));
?>

Although I understand the social media links aren't exatly a menu I would like to know and understand how to have them still apart of the same container e.g.

<div class="navbar-collapse collapse">

Any help regarding the matter would be greatly appreciated and I am willing to learn from any mistakes as I am sure I have already made some (or bound to).