<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<style>
.red {background:red;color:white;}
.blue {background:blue;color:white;}
.green {background:green;color:white;}
/** siempre recomiendo tener una clase con fondos resaltantes para visualizar mejor lo que uno quiere lograr o arreglar */
</style>
</head>
<body>
<div class="container">
<div class="row m-auto">
<div class="col-md-4 col-sm-4 text-center m-auto red">
<p>Contenido</p>
</div>
<div class="col-md-4 col-sm-4 text-center m-auto green">
<p>Contenido 2</p>
</div>
<div class="col-md-4 col-sm-4 text-center m-auto blue">
<p>Contenido 3</p>
</div>
</div>
</div>
</body>
</html>
Otra opción es utilizar m-auto (margin: 0 auto):
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<style>
.red {background:red;color:white;}
.blue {background:blue;color:white;}
.green {background:green;color:white;}
/** siempre recomiendo tener una clase con fondos resaltantes para visualizar mejor lo que uno quiere lograr o arreglar */
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-4 m-auto blue">
Contenido
</div>
<div class="col-md-4 m-auto red">
Contenido 2
</div>
</div>
</div>
</body>
</html>
La otra solución es la del offset-md-x
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<style>
.red {background:red;color:white;}
.blue {background:blue;color:white;}
.green {background:green;color:white;}
/** siempre recomiendo tener una clase con fondos resaltantes para visualizar mejor lo que uno quiere lograr o arreglar */
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-4 offset-md-2 blue">
Contenido
</div>
<div class="col-md-4 red">
Contenido 2
</div>
</div>
</div>
</body>
</html>
Bootstrap posee clases de margines y paddings, así también como centrado de texto.
Agregue esas clases con colores y linkie el css de bootstrap 4.0 para probarlo directamente aquí.
Ya que bootstrap es responsivo y al ejecutarlo en la ventana que es de unos aproximados 600-700px de largo, se va a posicionar diferente.
Más info sobre el "Grid System" de Bootstrap.
col-sm-6
siempre tienen que sumar 12