Ich möchte eine Bootstrap 3-Navigationsleiste mit zwei Zeilen und Navigationselementen sowie einer Navigationsleistenmarke, die beide Zeilen umfasst. Bei SM + Bildschirmgrößen sind beide Zeilen sichtbar. Bei XS-Bildschirmgrößen wird die zweite Zeile ausgeblendet und die zu öffnende Symbolleiste angezeigt.

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  |
+-------------------------------------------------------------------------------+

Wie könnte das mit der navbar gemacht werden?