title: How to put button next to input Twitter Bootstrap 4?
body: <p>How to place a button next to an input in Bootstrap. If I put some css or play with the bootstrap classes randomly I know I get this to work but I want to know a good way to do this. I don't want to merge the button to the text field like input-group-btn do. I want the normal bootstrap style for buttons.</p>
  
  <pre><code>&lt;div&gt;
      &lt;input class="form-control" /&gt; &lt;button class="btn btn-primary"&gt;enter&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I get this:</p>
  
  <pre><code>|input                    | //occupies the full width
  (button) //button comes to bottom
  </code></pre>
  
  <p>What I want:</p>
  
  <pre><code>|input                   | (button) //same "line".
  </code></pre>