title: How can i place submit button inside input field in Bootstrap
body: <p><strong>I want Something Like this and how can I achieve this task:</strong><br>
  <a href="https://i.stack.imgur.com/ZkkT1.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/ZkkT1.jpg" alt="Something Like this"></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"&gt;
  &lt;form&gt;
    &lt;div class="col-lg-10 mb-3"&gt;
      &lt;div class="input-group"&gt;
        &lt;input type="text" class="form-control rounded-0" id="validationDefaultUsername" placeholder="Username" aria-describedby="inputGroupPrepend2" required&gt;
        &lt;div class="input-group-prepend"&gt;
          &lt;input type="submit" vlaue="submit" class="btn btn-primary btn-sm rounded-0" id="inputGroupPrepend2"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
   </p>