How do I properly use the Bootstrap Grid System Layout in my EmberJS App

I'm wondering if anyone has found a way to implement Bootstrap's Grid Layout system in their Ember JS app.

I've tried Ember Bootstrap, but they don't have the grid system included. I also tried other NPM packages such as Bootstrap 3 Grid and Bootstrap 4.

What am I doing wrong that grid layouts won't display properly within my project?

  <div class="phone">
    <div class="col-md-12">
      <div class="phone-header">
         
          <small></small>
      </div>
    </div>
      <div class="col-md-4">
        Option 1
      </div>
      <div class="col-md-4">
        Option 2
      </div>
      <div class="col-md-4">
        Option 3
      </div>
    </div>

I made sure my CSS and JS were imported properly, however I still don't get a grid layout when trying to layout items.

What am I missing?

Or should I just build a flexible layout the old way by hand?

Thank you for your time