title: cannot show the text inside input text form with html and bootstrap
body: <p>i have this code:</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
                                                          &lt;div class=&quot;row&quot;&gt;
                                                              &lt;div class=&quot;col-lg-2&quot;&gt;
                                                                  &lt;div class=&quot;input-group&quot;&gt;
                                      &lt;span class=&quot;input-group-btn&quot;&gt;
                                          &lt;button type=&quot;button&quot;
                                                  class=&quot;quantity-left-minus changeQuantity  btn btn-primary btn-number&quot;
                                                  data-type=&quot;minus&quot;&gt;
                                            &lt;span class=&quot;glyphicon glyphicon-minus&quot;&gt;&lt;/span&gt;
                                          &lt;/button&gt;
                                      &lt;/span&gt;
                                                                      &lt;input type=&quot;text&quot; id=&quot;quantity&quot;
                                                                             class=&quot;form-control align-items-center qty-input&quot;
                                                                             value=&quot;{{ item.product_quantity }}&quot;&gt;
                                                                      &lt;span class=&quot;input-group-btn&quot;&gt;
                                          &lt;button type=&quot;button&quot;
                                                  class=&quot;changeQuantity quantity-right-plus btn btn-primary btn-number&quot;
                                                  data-type=&quot;plus&quot;&gt;
                                              &lt;span class=&quot;glyphicon glyphicon-plus&quot;&gt;&lt;/span&gt;
                                          &lt;/button&gt;
                                      &lt;/span&gt;
                                                                  &lt;/div&gt;
                                                              &lt;/div&gt;
                                                          &lt;/div&gt;
                                                      &lt;/div&gt;
  </code></pre>
  <p>it is showing like this, I want to see the text inside it, without (form-control) I can see the text, but with it, it appears like this:
  <a href="https://i.stack.imgur.com/IVa4e.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IVa4e.png" alt="enter image description here" /></a></p>