title: semantic-ui fluid full-width input in a menu
body: <p>I have a fixed top menu with an image on the left, an input to it's right and another input on the far right.  I want the center input to stretch to fill all remaining space between the image and the other input.</p>
  
  <p>Normally in semantic-ui I'd consider a fluid input, but that doesn't seem to work at all inside a semantic-ui menu.  When 'fluid' is applied the input becomes smaller.</p>
  
  <p>How can I get the center input to stretch to full-width between the other two?  Is there a way to do this with just semantic-ui?</p>
  
  <pre><code>  &lt;div class="ui fixed borderless menu"&gt;
  
      &lt;div class="header"&gt;
        &lt;a href="/" class=""&gt;
          &lt;img src="logo.png"&gt;
        &lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div class="item"&gt;
        &lt;div class="ui left icon input"&gt;
          &lt;i class="search icon"&gt;&lt;/i&gt;
          &lt;input type="text" placeholder="search"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="right item"&gt;
        &lt;div class="ui left icon input"&gt;
          &lt;i class="map outline icon"&gt;&lt;/i&gt;
          &lt;input type="text" placeholder="location"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  </code></pre>