title: Bootstrap4 make all input-group-addons same width
body: <p>Is it possible to make all prepend add-ons same width?</p>
  
  <p>i.e in this screenshot I would like Email, License Key 1 &amp; License Key 2 to be the same length, is that possible.</p>
  
  <p>If I did not use add-ons and just used regular labels and a form grid it would be possible but it seems to be the prepend addons look much nicer then regular labels.</p>
  
  <p><a href="https://i.stack.imgur.com/5G140.png" rel="noreferrer"><img src="https://i.stack.imgur.com/5G140.png" alt="enter image description here"></a></p>
  
  <p>Relevant Html is</p>
  
  <pre><code>&lt;main class="container-fluid"&gt;
    &lt;form action="/license.process" name="process" id="process" method="post"&gt;
        &lt;div class="input-group mb-2"&gt;
            &lt;div class="input-group-prepend"&gt;
                &lt;label class="input-group-text" id="licenseEmaillabel"&gt;
                    Email
                &lt;/label&gt;
            &lt;/div&gt;
            &lt;input type="text" name="licenseEmail" value="paultaylor@jthink.net" class="form-control" aria-describedby="licenseEmaillabel"&gt;
        &lt;/div&gt;
        &lt;div class="input-group mb-2"&gt;
            &lt;div class="input-group-prepend"&gt;
                &lt;label class="input-group-text" id="licenseKey1label"&gt;
                    License Key 1
                &lt;/label&gt;
            &lt;/div&gt;
            &lt;input type="text" name="licenseKey1" value="51302c021440d595c860233f136731865a12cfad2ce2cc2" class="form-control" aria-describedby="licenseKey1label"&gt;
        &lt;/div&gt;
        &lt;div class="input-group mb-2"&gt;
            &lt;div class="input-group-prepend"&gt;
                &lt;label class="input-group-text" id="licenseKey2label"&gt;
                    License Key 2
                &lt;/label&gt;
            &lt;/div&gt;
            &lt;input type="text" name="licenseKey2" value="1e50214376557ba3e1dede6c490f33d07b738515c8c2a03" class="form-control" aria-describedby="licenseKey2label"&gt;
        &lt;/div&gt;
        &lt;h3 class="error" style="visibility:hidden;"&gt;
            &amp;nbsp;
        &lt;/h3&gt;
        &lt;input type="submit" name="cancel" value="Cancel" class="btn btn-outline-secondary"&gt;
        &lt;input type="submit" name="save" value="Save" class="btn btn-outline-secondary"&gt;
        &lt;button onclick="j2html.tags.UnescapedText@d352d4f" type="button" class="btn btn-outline-secondary"&gt;
            Get License
        &lt;/button&gt;
    &lt;/form&gt;
  &lt;/main&gt;
  </code></pre>