justify-content-md-center not working?

Question

I'm following a tutorial and I want to use justify-content-md-center when it reaches medium screen size. But it doesnt seem to work.

 <div class="container">
    <div class="row" style="background:lightblue">
      <div class="col-md-2">col-sm-6</div>
      <div class="col-md-8">col-sm-6</div>
      <div class="col-md-2">col-sm-6</div>
    </div>
      <div class="row justify-content-md-center">
        <div class="col-md-2">col-sm-2</div>
        <div class="col-md-2">col-sm-2</div>
        <div class="col-md-2">col-sm-2</div>
      </div>

  </div>

I appreciate the help thanks

Answer 1

Hope this works

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" />
   

<div class="row justify-content-center" style="background: darkgray;">
  <div class="col-xs-2">
    <img src="https://placehold.it/150x150" alt="sample image">
  </div>
  
  <div class="col-xs-2">
    <img src="https://placehold.it/150x150" alt="sample image">
</div>
</div>