title: Bootstrap modal body inline stye is not working
body: <p>My bootrsap modal is not working properly when i am giving span float to the button  the body part is getting cut and even the width of the text box is not reducing and can you help me out with it and I even want this bootstrap modal is not coming on the center of the page. </p>
  
  <p>Check my code:</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;head&gt;
    &lt;title&gt;Bootstrap Example&lt;/title&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;a href="" data-toggle="modal" data-target="#myModal"&gt;CHECK&lt;/a&gt;
  &lt;div class="modal fade" id="myModal" role="dialog"&gt;
      &lt;div class="modal-dialog"&gt;
  
        &lt;!-- Modal content--&gt;
        &lt;div class="modal-content"&gt;
        
          &lt;div class="modal-body" style="background-image: url('assets/images/banners/cat-banner-1.jpg');"&gt;
  
       &lt;p&gt; SHS Wallet &lt;/p&gt;
       &lt;form class="register-form outer-top-xs" role="form" method="post" action="order-details.php"&gt;
    &lt;div class="form-group"&gt;
        &lt;input type="text" class="form-control unicase-form-control text-input"  width="10px" placeholder="Enter the amount to be added in the wallet"name="orderid" id="exampleOrderId1" &gt;
    &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;input type="email" class="form-control unicase-form-control text-input" name="email" placeholder="Enter the Email ID for future refrence" &gt;
    &lt;/div&gt;
      &lt;span style="float:right;"&gt;&lt;button type="submit" class=" btn btn-primary "&gt;Track&lt;/button&gt;&lt;/span&gt;
   &lt;/form&gt;
  
          &lt;/div&gt;
       
        &lt;/div&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/vCns2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vCns2.png" alt="Check the screen how its looks like"></a></p>
  
  <p>Thanks in advance!!</p>