title: No wrap in boostrap row
body: <p>I want to make header contains logo and menu. </p>
  
  <p>I maked row and two columns. I used booеstrap classes. When I resize window to smaller, menu jumps under logo (look at my picture). In this moment when screen width is small and menu jumps under logo I wanna make collapse menu, but I dont know how to write it to code:</p>
  
  <p><img src="https://i.stack.imgur.com/lHUnv.png" alt="enter image description here"></p>
  
  <p>My HTML code:</p>
  
  <pre><code>&lt;div class="mycontainer container-fluid"&gt;
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="logo col-md-4"&gt;
          &lt;a href = "/" class = "logo"&gt;&lt;img src="/bendikon/wp-content/themes/bendikon/images/logo.png" alt="banner"&gt;&lt;/a&gt;    
          &lt;/div&gt;
          &lt;div class="header-menu col-md-8"&gt;
          &lt;?php if ( has_nav_menu( 'primary-menu' ) ) { ?&gt;
          &lt;?php wp_nav_menu( array( 'theme_location' =&gt; 'primary-menu') ); ?&gt;
          &lt;?php } else { ?&gt;
                &lt;ul class="sf-menu"&gt;
                  &lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="/?page_id=2"&gt;Sample Page&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="/?p=1"&gt;Sample post&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
              &lt;?php } ?&gt;
          &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>