title: Form in one column and text paragraph in other column
body: <p>How can I have a form on one side of the container and a text-paragraph on the other side? I figured if I put it all in a container with one row of two columns it would work but for some reason, the paragraph text shows up under the form on the left side. </p>
  
  <p>This is a screenshot of what's happening based on the code I have right now.</p>
  
  <p><img src="https://i.stack.imgur.com/F1NXn.png" alt="Img"></p>
  
  <pre><code>&lt;div class="container-section getintouch"&gt;
      &lt;h1 class="text-center"&gt;Say hello?&lt;/h1&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-xs-6"&gt;
  
          &lt;form&gt;
              &lt;div class="form-group"&gt;
                &lt;input type="text" class="form-control no-border    
                 placeholder="Email"&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;input type="text" class="form-control no-border"     
                placeholder="Email"&gt;
              &lt;/div&gt;
    &lt;textarea class="form-control no-border" rows="5" id="comment"&gt;&lt;/textarea&gt;
              &lt;/div&gt;
            &lt;/form&gt;
  
        &lt;/div&gt;
        &lt;div class="col-xs-6"&gt;
          &lt;h3&gt;Want to say hello? It's always nice meeting new people. Fill out 
              this form to the left and I'll reply to you as soon as I can :)     
          &lt;/h3&gt;
        &lt;/div&gt;
      &lt;/div&gt;enter code here
  
  .container-section{
    width: full;
    height: full;
    margin: 0 auto;
    padding: 100px;
    color: white;
  }
  
  .getintouch{
    background: #9dd1f1;
  }
  </code></pre>
  
  <p>I just started learning to code so I apologize if this seems like a silly question. I searched around and couldn't find the answer anywhere.</p>
  
  <p>Thank you in advance!</p>