Quiero tener una barra de navegación Bootstrap 3 que tenga dos filas con elementos de navegación y una marca de barra de navegación que abarque ambas filas. En los tamaños de pantalla SM +, ambas filas son visibles. En los tamaños de pantalla XS, la segunda fila se contrae y muestra la barra de iconos para abrir.

SM +

+-------------------------------------------------------------------------------+
|               |                                             Nav-A-1  Nav-A-2  |
|  SITE LOGO    |---------------------------------------------------------------+
|               |  Nav-B-1  Nav-B-2 Nav-B-3 Nav-B-4                 Form-Right  |
+-------------------------------------------------------------------------------+

XS

+-------------------------------------------------------------------------------+
|               |                                             Nav-A-1  Nav-A-2  |
|  SITE LOGO    |---------------------------------------------------------------+
|               |  Nav-Collapsed                                     Hamburger  |
+-------------------------------------------------------------------------------+

¿Cómo podría hacerse esto con la barra de navegación?