Why is second form displayed outside ot Bootstrap container area?
<p>I am using Bootstrap and have two forms within a .container. How is it that the second PayPal form is shown outside the form area?</p>

<p><a href="https://i.stack.imgur.com/QchsP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QchsP.png" alt="enter image description here"></a></p>

<p>HTML</p>

<p>

    
        Writer's Tryst - Writers Form</p>

<pre><code>    &lt;link type="text/css" href="css/writers.css" rel="stylesheet" /&gt;
    &lt;style&gt;
        body {padding: 0 20px;}
        .limited-offer {
            background-color: white;
            padding:  3px;
            margin-bottom: 12px;
            border-radius: 4px;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class="container"&gt;
        &lt;div class="row"&gt;
            &lt;img id="img-writers" src="#" alt="images" /&gt;
            &lt;div class="col-md-12"&gt;
                &lt;form id="form-writers" method="post" class="form-horizontal well pull-left"&gt;
                    &lt;h1&gt;Writers&lt;/h1&gt;
                    &lt;div class="form-group"&gt;
                        &lt;label for="title" class="col-lg-3 control-label"&gt;Title&lt;/label&gt;
                        &lt;div class="col-lg-9"&gt;
                            &lt;input type="text" class="form-control" required id="title" name="title" autofocus="true" placeholder="Title" /&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                        &lt;label for="form-type" class="col-lg-3 control-label"&gt;Type of work&lt;/label&gt;
                        &lt;div class="col-lg-9"&gt;
                            &lt;select class="form-control" required id="form-type" name="form-type"&gt;&lt;/select&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                        &lt;label for="genre" class="control-label col-lg-3"&gt;Genre&lt;/label&gt;
                        &lt;div class="col-lg-9"&gt;
                            &lt;select id="genre" name="genre" class="form-control" required&gt;&lt;/select&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                        &lt;label for="nbr-pages" class="control-label col-lg-3"&gt;Number Pages&lt;/label&gt;
                        &lt;div class="col-lg-9"&gt;
                            &lt;input type="number" id="nbr-pages" name="nbr-pages" class="form-control" required placeholder="Pages" /&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div id="tips"&gt;The objective of a synopsis or query letter is to entice enablers into requesting your manuscript. 
                                    It must be concise and to the point and of course very well written. One page is preferred and no more than 3 pages will be accepted.
                                    &lt;a href="uploads/ron/3997524697.pdf" target="_blank"&gt;Sample Query Letter&lt;/a&gt;                        
                    &lt;/div&gt;
                    &lt;p id="file-warning" class="thumbnail"&gt;Your synopsis/query letter must be a PDF file.
                        &lt;a target="_blank" href="https://www.freepdfconvert.com/" target="_blank"&gt;Free file conversion to PDF.&lt;/a&gt;
                    &lt;/p&gt;
                    &lt;div id="upload-container" tabindex="0"&gt;
                        &lt;a id="file-upload" class="btn btn-custom-primary btn-file btn-block text-xs-center" role="button"&gt;Choose PDF to Upload
                            &lt;br/&gt;&lt;div id="filename" class="btn-block" style="color: #fff"&gt;No file chosen&lt;/div&gt;
                        &lt;/a&gt;
                        &lt;input type="file" id="file2upload" style="display: none"&gt;
                    &lt;/div&gt;&lt;br/&gt;
                    &lt;div class="form-group"&gt;
    &lt;!--            &lt;button type="submit" id="writers-submit" class="btn btn-custom-success btn-block m-t-8"&gt;Submit&lt;/button&gt;--&gt;
                    &lt;/div&gt;
                    &lt;div class="limited-offer"&gt;For a limited time, writer submissions will cost &lt;span style="color: #f00; font-weight:bold"&gt;$20.00&lt;/span&gt; to offset screening and editing costs and to promote quality synopsises and query letters. We reserve the right to change this policy without notice.&lt;/div&gt;

    &lt;!--                &lt;form id="form-paypal" name="form-paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" onsubmit="return ajaxSubmit()"&gt;--&gt;
                    &lt;input id="userid" name="userid" type="hidden" /&gt;
                    &lt;input id="filesize-limit" name="filesize-limit" type="hidden" value="150000" /&gt; 
                &lt;/form&gt;
            &lt;/div&gt; &lt;!-- col-md-12 --&gt;
            &lt;div class="col-md-12"&gt;
                &lt;form id="form-paypal" action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post" target="_top"&gt;
                    &lt;input type="hidden" name="cmd" value="_s-xclick"&gt;
                    &lt;input type="hidden" name="hosted_button_id" value="8MEQLAJ8WKG2L"&gt;
                    &lt;input type="image" src="https://www.sandbox.paypal.com/en_US/i/btn/btn_paynowCC_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!"&gt;
                    &lt;img alt="paypal" src="https://www.sandbox.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"&gt;
                &lt;/form&gt;
            &lt;/div&gt; &lt;!-- col-md-12 --&gt;
        &lt;/div&gt; &lt;!-- row --&gt;
    &lt;/div&gt; &lt;!-- container --&gt;
</code></pre>