title: Reduce page margin of a Bootstrap template
body: <p>I'm customising a Bootstrap template and I can't figure out how to reduce the width of the page margin (so the text is closer to the edge of the page).</p>
  
  <p>For example, if you look at the image below, the text is quite a long way way from the edge of the page. I would like it so the "we will get back to you as soon as possible!" part would continue on the same line, and not start a new line.</p>
  
  <p><a href="https://gyazo.com/e75d1decdd4070446fc73cf95dafd381" rel="nofollow">https://gyazo.com/e75d1decdd4070446fc73cf95dafd381</a></p>
  
  <p>In the bootstrap.css file there is the following code which I thought would change it, but it did not work.</p>
  
  <pre><code>.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  </code></pre>
  
  <p>I'm sure it's something really simple but I can't figure it out.</p>
  
  <p>Thanks in advance!</p>