title: Bootstrap input-group-prepend not working
body: <p>I am following the official documentation and looking at many examples and the same problems to other people but I do not see any solution to this.</p>
  
  <p>In the official documentation is shown correctly, example that I am seeing is the following
  <a href="https://getbootstrap.com/docs/4.0/components/input-group/#basic-example" rel="nofollow noreferrer">https://getbootstrap.com/docs/4.0/components/input-group/#basic-example</a></p>
  
  <p>I copy and paste the following code from the official documentation</p>
  
  <pre><code>&lt;div class="input-group mb-3"&gt;
    &lt;div class="input-group-prepend"&gt;
      &lt;span class="input-group-text" id="basic-addon1"&gt;@&lt;/span&gt;
    &lt;/div&gt;
    &lt;input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>version bootstrap:</p>
  
  <blockquote>
    <p>Bootstrap v4.0.0-beta.2 (<a href="https://getbootstrap.com" rel="nofollow noreferrer">https://getbootstrap.com</a>)</p>
    
    <p>Copyright 2011-2017</p>
    
    <p>The Bootstrap Authors Copyright 2011-2017 Twitter, Inc.  icensed under</p>
    
    <p>MIT (<a href="https://github.com/twbs/bootstrap/blob/master/LICENSE" rel="nofollow noreferrer">https://github.com/twbs/bootstrap/blob/master/LICENSE</a>)</p>
  </blockquote>
  
  <p>The code is not shown as in the official page, it just does not work, I have managed to make it work with <strong>input-group-addon</strong> but I would like to know why it does not work with the code of the official website since I am using the same version of bootstrap.</p>
  
  <p>I have also followed this thread without any solution:
  <a href="https://stackoverflow.com/questions/48221504/creating-bootstrap-4-input-group-with-beta-3-prepend-append-not-working?rq=1">Creating Bootstrap 4 input-group with beta 3 prepend/append not working</a></p>