title: center div in container
body: <p>Using bootstrap I am trying to center the div with the class <code>smframe</code>. I have tried various different CSS styles and have been struggling the last few hours. What also seems to be happening is the paragraph text is showing under the image in the div with the class of <code>smframe</code> instead of below it.</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-css lang-css prettyprint-override"><code>.armando {
      background-image: url("../images/armando.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: absolute;
      object-fit: scale-down;
      transform: rotate(90deg);
      padding-top: 20px;
  
  }
   .three {
      height: 30rem;
      width: auto;
      border: 2px solid white;
    }
    
    .smframe {
  
  width: 20rem;
  height: 16rem;
  margin: auto;
  border: 3px solid white;
  margin-top: 2rem;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
  }
  
  .frame1 {
  
    margin: auto;
    border: 3px solid #8d9ba0;
    margin-top: 2rem;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class=" container-fluid"&gt;
        &lt;div class="row"&gt;
          &lt;div class="container darkBG three col-lg-4 col-md-12 col-sm-12 col-xs-12"&gt;&lt;h4 class="text-center"&gt;Sleeping arrangements&lt;/h4&gt;
            &lt;div class="smframe bedroom"&gt;&lt;/div&gt;
            &lt;div class=""&gt;&lt;p&gt;Sleeps 2/4 + baby (1 Bedroom)The bedroom double Bed and the lounge has a double couch bed and a baby cot.&lt;/p&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="container darkerBG three col-lg-4 col-md-12 col-sm-12 col-xs-12"&gt;&lt;h4 class="text-center"&gt;Albufeira Old Town&lt;/h4&gt;
            &lt;div class="smframe rooftop"&gt;&lt;/div&gt;
            &lt;div class=""&gt;&lt;p&gt;Sleeps 2/4 + baby (1 Bedroom)The bedroom double Bed and the lounge has a double couch bed and a baby cot.&lt;/p&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="container darkestBG three col-lg-4 col-md-12 col-sm-12 col-xs-12"&gt;&lt;h4 class="text-center"&gt;Local bars and resturants&lt;/h4&gt;
            &lt;div class="smframe armando"&gt;&lt;/div&gt;
            &lt;div class=""&gt;&lt;p&gt;Sleeps 2/4 + baby (1 Bedroom)The bedroom double Bed and the lounge has a double couch bed and a baby cot.&lt;/p&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>