Skip to main content
removeu 118 caracteres do conteúdo; título editado
Fonte Link
Woss
  • 77,2mil
  • 15
  • 123
  • 221

Centrar Centralizar div de class="row" com bootstrap [UPDATE]

Alguém tem ideia de como centrarcentralizar estes botões que estão dentro de uma divdiv com class="row"class="row", como está centrado o containercontêiner acima a dizer "Permissões", com Bootstrap e de maneira a que sejam resposiveresponsivo?   

Imagem com row a centrar

Este é o código:

<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>

 
<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>

[UPDATE]

Já consegui alinhar agora neste momento o texto sai é dos botões e não consigo pôr o texto todo lá dentro. Fica assim:

inserir a descrição da imagem aqui

Centrar div de class="row" com bootstrap [UPDATE]

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

Este é o código:

<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>

 

[UPDATE]

Já consegui alinhar agora neste momento o texto sai é dos botões e não consigo pôr o texto todo lá dentro. Fica assim:

inserir a descrição da imagem aqui

Centralizar div de class="row" com bootstrap

Alguém tem ideia de como centralizar estes botões que estão dentro de uma div com class="row", como está centrado o contêiner acima a dizer "Permissões", com Bootstrap e de maneira a que sejam responsivo? 

Imagem com row a centrar

Este é o código:

<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>

[UPDATE]

Já consegui alinhar agora neste momento o texto sai é dos botões e não consigo pôr o texto todo lá dentro. Fica assim:

inserir a descrição da imagem aqui

adicionou 224 caracteres ao conteúdo
Fonte Link
py_9
  • 177
  • 1
  • 3
  • 16

Centrar div de class="row" com bootstrap [UPDATE]

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

Este é o código:

<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>

[UPDATE]

Já consegui alinhar agora neste momento o texto sai é dos botões e não consigo pôr o texto todo lá dentro. Fica assim:

inserir a descrição da imagem aqui

Centrar div de class="row" com bootstrap

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

Este é o código:

<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>

Centrar div de class="row" com bootstrap [UPDATE]

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

Este é o código:

<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>

[UPDATE]

Já consegui alinhar agora neste momento o texto sai é dos botões e não consigo pôr o texto todo lá dentro. Fica assim:

inserir a descrição da imagem aqui

Fonte Link
py_9
  • 177
  • 1
  • 3
  • 16

Centrar div de class="row" com bootstrap

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

Este é o código:

<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>