Skip to main content
Adicionando código e objetivo
Fonte Link
André Leria
  • 5,2mil
  • 2
  • 24
  • 46
 

Recebi a tarefa de fazer um web app mobile, e estou tentando fazê-lo com a ajuda do Twitter Bootstrap. Uma das tarefas é fazer um par de botões no rodapé, ambos de tamanho igual, cada um ocupando metade da largura da tela: assim como no velho Symbian.

Como sou novo no Bootstrap, estou tendo um tempo difícil tentando chegar nesse objetivo. Tentei usar um pouco do exemplo do Sticky Footer que tem no próprio site do Bootstrap, mas ainda não tive muito sucesso.

Como recomedando, segue o código (usando Jade e Stylus por conveniência):

.footer
  .container
    .btn-group.btn-group-lg
      button.btn Sair
      button.btn Opções

E o CSS referente:

.footer
  position absolute
  bottom 0
  width 90%
  height 60px

Já adicionando, minha intenção é chegar a um resultado como esse:

+------------------+
|                  |
|                  |
|                  |
|                  |
|                  |
|                  |
|                  |
|                  |
|                  |
|                  |
+--------+---------+
| Sair   |    Menu |
+------------------+

Recebi a tarefa de fazer um web app mobile, e estou tentando fazê-lo com a ajuda do Twitter Bootstrap. Uma das tarefas é fazer um par de botões no rodapé, ambos de tamanho igual, cada um ocupando metade da largura da tela: assim como no velho Symbian.

Como sou novo no Bootstrap, estou tendo um tempo difícil tentando chegar nesse objetivo. Tentei usar um pouco do exemplo do Sticky Footer que tem no próprio site do Bootstrap, mas ainda não tive muito sucesso.

 

Recebi a tarefa de fazer um web app mobile, e estou tentando fazê-lo com a ajuda do Twitter Bootstrap. Uma das tarefas é fazer um par de botões no rodapé, ambos de tamanho igual, cada um ocupando metade da largura da tela: assim como no velho Symbian.

Como sou novo no Bootstrap, estou tendo um tempo difícil tentando chegar nesse objetivo. Tentei usar um pouco do exemplo do Sticky Footer que tem no próprio site do Bootstrap, mas ainda não tive muito sucesso.

Como recomedando, segue o código (usando Jade e Stylus por conveniência):

.footer
  .container
    .btn-group.btn-group-lg
      button.btn Sair
      button.btn Opções

E o CSS referente:

.footer
  position absolute
  bottom 0
  width 90%
  height 60px

Já adicionando, minha intenção é chegar a um resultado como esse:

+------------------+
|                  |
|                  |
|                  |
|                  |
|                  |
|                  |
|                  |
|                  |
|                  |
|                  |
+--------+---------+
| Sair   |    Menu |
+------------------+
Nossa assinatura é o user box abaixo do post, vide: http://meta.pt.stackoverflow.com/a/879/201
Fonte Link
brasofilo
  • 6,7mil
  • 5
  • 30
  • 50

Recebi a tarefa de fazer um web app mobile, e estou tentando fazê-lo com a ajuda do Twitter Bootstrap. Uma das tarefas é fazer um par de botões no rodapé, ambos de tamanho igual, cada um ocupando metade da largura da tela: assim como no velho Symbian.

Como sou novo no Bootstrap, estou tendo um tempo difícil tentando chegar nesse objetivo. Tentei usar um pouco do exemplo do Sticky Footer que tem no próprio site do Bootstrap, mas ainda não tive muito sucesso.

Já grato, André. :D

Recebi a tarefa de fazer um web app mobile, e estou tentando fazê-lo com a ajuda do Twitter Bootstrap. Uma das tarefas é fazer um par de botões no rodapé, ambos de tamanho igual, cada um ocupando metade da largura da tela: assim como no velho Symbian.

Como sou novo no Bootstrap, estou tendo um tempo difícil tentando chegar nesse objetivo. Tentei usar um pouco do exemplo do Sticky Footer que tem no próprio site do Bootstrap, mas ainda não tive muito sucesso.

Já grato, André. :D

Recebi a tarefa de fazer um web app mobile, e estou tentando fazê-lo com a ajuda do Twitter Bootstrap. Uma das tarefas é fazer um par de botões no rodapé, ambos de tamanho igual, cada um ocupando metade da largura da tela: assim como no velho Symbian.

Como sou novo no Bootstrap, estou tendo um tempo difícil tentando chegar nesse objetivo. Tentei usar um pouco do exemplo do Sticky Footer que tem no próprio site do Bootstrap, mas ainda não tive muito sucesso.

Fonte Link
André Leria
  • 5,2mil
  • 2
  • 24
  • 46

Botões de Rodapé como do velho Symbian com Twitter Bootstrap

Recebi a tarefa de fazer um web app mobile, e estou tentando fazê-lo com a ajuda do Twitter Bootstrap. Uma das tarefas é fazer um par de botões no rodapé, ambos de tamanho igual, cada um ocupando metade da largura da tela: assim como no velho Symbian.

Como sou novo no Bootstrap, estou tendo um tempo difícil tentando chegar nesse objetivo. Tentei usar um pouco do exemplo do Sticky Footer que tem no próprio site do Bootstrap, mas ainda não tive muito sucesso.

Já grato, André. :D