<h1>Section background colors</h1>

<section class="bg-primary text-center">
   <div class="container">


      <h2>Design is improvement. Design is improvement.</h2>


   </div>
   <!-- /.container-->
</section>

<section>
   <div class="container">
      A short paragraph that is contained to a max width by a container. A short paragraph that is contained to a max width by a container. A short paragraph that is contained to a max width by a container. A short paragraph that is contained to a max width
      by a container. A short paragraph that is contained to a max width by a container. A short paragraph that is contained to a max width by a container.
   </div>
</section>

<section class="bg-gray text-center">
   <div class="container">


      <h2>Form follows function. Form follows function.</h2>


   </div>
   <!-- /.container-->
</section>
section {padding:2rem;}
.bg-primary {background-color:#007aeb;color:#fff;}
.bg-gray {background-color:#cccccc;}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js
  2. https://cdn.rawgit.com/JacobLett/bootstrap4-latest/504729ba/bootstrap-4-latest.min.js