title: Bootstrap 2 columns but not another row
body: <p>Here is my Markup for the bootstrap</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;script
    src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script
    src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
    crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;link
    href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
    rel="stylesheet"/&gt;
  &lt;pre&gt;
    &lt;div class="row"&gt;
    &lt;div
      class="col-lg-6 boxListCont"&gt;
    
      &lt;h3 class="fs-32 mb-30"&gt;California&lt;/h3&gt;
      
      &lt;a
        href="http://www.realitysb.com/carpinteria/"
        class="full lh-80 mb-25 boxList color-white1"
        data-aos="fade-up"
        data-aos-offset="10"
        data-aos-delay="1"
        data-aos-duration="700"&gt;
      &lt;span class="boxDCont"&gt;
        &lt;span
          class="boxD fs-32 color-black1 uppercase bg-yellow"&gt;CPN&lt;/span&gt;
        &lt;/span&gt;
        &lt;span class="pl txtD pl-25"&gt;
        &lt;em class="ellipsis"&gt;Carpinteria&lt;/em&gt;
        &lt;i class="svg-ico"
           data-svg="angleArr"&gt;&lt;/i&gt;
      &lt;/span&gt;
      &lt;/a&gt;
      
      &lt;a href="http://realitysf.com/"
         class="full lh-80 mb-25 boxList color-white1"
         data-aos="fade-up"
         data-aos-offset="10"
         data-aos-delay="1"
         data-aos-duration="700"&gt;
      &lt;span class="boxDCont"&gt;
      &lt;span
        class="boxD fs-32 color-black1 uppercase bg-yellow"&gt;SF&lt;/span&gt;
      &lt;/span&gt;
      &lt;span class="pl txtD pl-25"&gt;
      &lt;em class="ellipsis"&gt;San Francisco&lt;/em&gt;
      &lt;i class="svg-ico"
         data-svg="angleArr"&gt;&lt;/i&gt;
      &lt;/span&gt;
      &lt;/a&gt;
      
      &lt;a href="http://www.realitysb.com/"
         class="full lh-80 mb-25 boxList color-white1"
         data-aos="fade-up"
         data-aos-offset="10"
         data-aos-delay="1"
         data-aos-duration="700"&gt;
      &lt;span class="boxDCont"&gt;
      &lt;span
        class="boxD fs-32 color-black1 uppercase bg-yellow"&gt;SB&lt;/span&gt;
      &lt;/span&gt;
      &lt;span class="pl txtD pl-25"&gt;
      &lt;em class="ellipsis"&gt;Santa Barbara&lt;/em&gt;
      &lt;i class="svg-ico"
         data-svg="angleArr"&gt;&lt;/i&gt;
      &lt;/span&gt;
      &lt;/a&gt;
      
      &lt;a
        href="http://www.realitystockton.com/"
        class="full lh-80 mb-25 boxList color-white1"
        data-aos="fade-up"
        data-aos-offset="10"
        data-aos-delay="1"
        data-aos-duration="700"&gt;
      &lt;span class="boxDCont"&gt;
      &lt;span
        class="boxD fs-32 color-black1 uppercase bg-yellow"&gt;STK&lt;/span&gt;
      &lt;/span&gt;
      &lt;span class="pl txtD pl-25"&gt;
      &lt;em class="ellipsis"&gt;Stockton&lt;/em&gt;
      &lt;i class="svg-ico"
         data-svg="angleArr"&gt;&lt;/i&gt;
      &lt;/span&gt;
      &lt;/a&gt;
      
      &lt;a
        href="http://www.realitysb.com/ventura/"
        class="full lh-80 mb-25 boxList color-white1"
        data-aos="fade-up"
        data-aos-offset="10"
        data-aos-delay="1"
        data-aos-duration="700"&gt;
      &lt;span class="boxDCont"&gt;
      &lt;span
        class="boxD fs-32 color-black1 uppercase bg-yellow"&gt;VEN&lt;/span&gt;
      &lt;/span&gt;
      &lt;span class="pl txtD pl-25"&gt;
      &lt;em class="ellipsis"&gt;Ventura&lt;/em&gt;
      &lt;i class="svg-ico"
         data-svg="angleArr"&gt;&lt;/i&gt;
      &lt;/span&gt;
      &lt;/a&gt;
      &lt;/div&gt;
      &lt;div
        class="col-lg-6 boxListCont"&gt;
      
      &lt;h3
        class="fs-32 mb-30"&gt;Massachusetts&lt;/h3&gt;
      
      &lt;a
        href="http://www.realityboston.com/"
        class="full lh-80 mb-25 boxList color-white1"
        data-aos="fade-up"
        data-aos-offset="10"
        data-aos-delay="1"
        data-aos-duration="700"&gt;
      &lt;span class="boxDCont"&gt;
      &lt;span
        class="boxD fs-32 color-black1 uppercase bg-yellow"&gt;BST&lt;/span&gt;
      &lt;/span&gt;
      &lt;span class="pl txtD pl-25"&gt;
      &lt;em class="ellipsis"&gt;Boston&lt;/em&gt;
      &lt;i class="svg-ico"
         data-svg="angleArr"&gt;&lt;/i&gt;
      &lt;/span&gt;
      &lt;/a&gt;
      &lt;/div&gt;
      &lt;div
        class="col-lg-6 boxListCont"&gt;
      
      &lt;h3 class="fs-32 mb-30"&gt;Hawaii&lt;/h3&gt;
      
      &lt;a
        href="http://realityhonolulu.com/"
        class="full lh-80 mb-25 boxList color-white1"
        data-aos="fade-up"
        data-aos-offset="10"
        data-aos-delay="1"
        data-aos-duration="700"&gt;
      &lt;span class="boxDCont"&gt;
      &lt;span
        class="boxD fs-32 color-black1 uppercase bg-yellow"&gt;HNL&lt;/span&gt;
      &lt;/span&gt;
      &lt;span class="pl txtD pl-25"&gt;
      &lt;em class="ellipsis"&gt;Honolulu&lt;/em&gt;
      &lt;i class="svg-ico"
         data-svg="angleArr"&gt;&lt;/i&gt;
      &lt;/span&gt;
      &lt;/a&gt;
      &lt;/div&gt;
      
      
    &lt;/div&gt;
  &lt;/pre&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>They are in two columns but there is space at the right left, I want to push the Hawaii state at  the right as well so that space is fill at the right, I am making it for wordpress with php. I can change the structure for it but I want to do it with bootstrap,</p>
  <p>here is the screenshot of the preview<a href="https://i.stack.imgur.com/ChMtE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ChMtE.png" alt="enter image description here" /></a></p>