Alguém tem ideia de como centrar estes botões que estão dentro de uma div com class="row", como está centrado o container acima a dizer "Permissões", com Bootstrap e de maneira a que sejam resposive? [![Imagem com row a centrar][1]][1] [1]: https://i.stack.imgur.com/e91mR.jpg Este é o código: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-html --> <div class="row container-fluid text-center"> <div class="btn-group"> <button onclick="mostrar_form_alunos()" class="btn btn-info btnSpace" type="button">Permissões de alunos </button> <button onclick="mostrar_form_professores()" class="btn btn-info btnSpace" type="button">Permissões de professores </button> <button onclick="mostrar_form_funcionarios()" class="btn btn-info btnSpace" type="button">Permissões de funcionários </button> <button onclick="mostrar_form_curso()" class="btn btn-info btnSpace" type="button">Permissões de curso </button> <button onclick="mostrar_form_geral_de_professores()" class="btn btn-info btnSpace" type="button">Permissões geral de professores </button> <button onclick="mostrar_form_geral_de_funcionarios()" class="btn btn-info btnSpace" type="button">Permissões geral de funcionarios </button> </div> </div> <!-- end snippet -->