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