Em um acordeão Bootstrap, em vez de exigir um clique no a texto, quero fazê-lo colapsar ao clicar em qualquer lugar dopanel-heading div. Estou usando o Bootstrap 3. Então, em vez de acordeão, é apenas um painel desmontável. Alguma idéia de como fazer com que todo o painel seja...
Existe uma maneira de alterar a animação da janela do Twitter Bootstrap Modal de um efeito slide para baixo para um fadeIn ou apenas exibir sem o Slide? Eu li a documentação aqui: http://getbootstrap.com/javascript/#modals Mas eles não mencionam nenhuma opção para alterar os efeitos do slide...
Eu tenho o seguinte elemento: <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" > <div class="modal-content"> <div...
Eu tenho uma página onde apenas o formulário existe e quero que o formulário seja colocado no centro da tela. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label
Qual é a melhor maneira de adicionar espaço em branco vertical usando o Bootstrap do Twitter? Por exemplo, digamos que estou criando uma página de destino e gostaria de um pouco (100px) de espaço em branco acima e abaixo de um determinado botão. Obviamente, eu poderia criar uma certa classe para...
Estou usando o Twitter-Bootstrap e preciso imprimir a página da maneira que parece no navegador. Consigo imprimir muito bem outras páginas feitas com o Twitter-Bootstrap, mas não consigo imprimir minha página que usa apenas o Twitter-Bootstrap. Estou faltando uma etiqueta em algum lugar? Página...
Criei uma dica de ferramenta usando o Twitter Bootstrap. A dica de ferramenta é exibida com três linhas. No entanto, eu gostaria de exibir a dica de ferramenta com apenas uma linha. Como altero a largura da dica de ferramenta? Isso é específico do Twitter Bootstrap ou das dicas de...
Fechado . Esta questão é baseada em opiniões . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela possa ser respondida com fatos e citações editando esta postagem . Fechado há 5 anos . Melhore...
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-body"> <%= image_tag "Background.jpg" %> </div> </div> Como faço para exibir um pop-up modal de inicialização do twitter em...
A inicialização do Twitter usa o Icons by Glyphicons . Eles são " available in dark gray and white" por padrão: É possível usar alguns truques de CSS para alterar as cores dos ícones? Eu estava esperando por algum outro brilho css3 que evitasse ter que ter uma imagem de ícone definida para cada...
Estou tentando descobrir como fazer a seguinte grade com o Bootstrap. Não sei como criaria a caixa (número 1) que se estende por duas linhas. As caixas são geradas programaticamente na ordem em que são dispostas. A caixa 1 é uma mensagem de boas-vindas. Alguma idéia sobre o melhor caminho a...
Estou tentando implementar guias empilhadas alinhadas à esquerda usando o plug-in Tab jquery no Bootstrap 3, onde as guias são renderizadas verticalmente à esquerda do conteúdo da guia, e não na parte superior. Quando tento o seguinte; <ul class="nav nav-tabs nav-stacked"> <li><a...
Qual é a melhor maneira de espaçar horizontalmente os botões do Bootstrap? No momento, os botões estão tocando: <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span...
Atualmente, estou usando a função abaixo para criar texto que será exibido usando o plug-in de dica de ferramenta do Bootstrap. Como as dicas de ferramentas multilinhas funcionam apenas com <br>e não \n? Prefiro que não haja HTML nos atributos de título dos meus links. O que funciona def...
Estou tentando usar o recurso Modal do Bootstrap 3 para mostrar meu vídeo do Youtube. Funciona, mas não consigo clicar em nenhum botão no vídeo do Youtube. Alguma ajuda nisso? Aqui está o meu código: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1"...
Atualmente, estou usando popovers com o Twitter Bootstrap, iniciado assim: $('.popup-marker').popover({ html: true, trigger: 'manual' }).click(function(e) { $(this).popover('toggle'); e.preventDefault(); }); Como você pode ver, eles são acionados manualmente e clicar em .popup-marker (que é...
Estou tentando alterar o tamanho do formulário modal ou melhor - ele responde ao conteúdo que renderizo lá. Estou usando-o para renderizar um formulário e preferiria lidar com a rolagem, se necessário. O formulário que eu renderize provavelmente precisa de mais 50 pixels - faltando apenas os...
Atualize novamente: estou encerrando esta pergunta selecionando a resposta principal para impedir que as pessoas adicionem respostas sem realmente entender a pergunta. Na realidade, não há como fazê-lo com a funcionalidade de compilação sem usar grade ou adicionar CSS adicional. As grades não...
Estou tentando adicionar validação ao meu formulário com o plug-in de validação jQuery, mas estou tendo um problema em que o plug-in coloca as mensagens de erro quando estou usando grupos de entrada. $('form').validate({ rules: { firstname: { minlength: 3, maxlength: 15, required: true },...
Minha necessidade é chamar o alerta quando eu clicar no botão Adicionar à lista de desejos e deve desaparecer o alerta em 2 segundos. Foi assim que tentei, mas o alerta desapareceu instantaneamente assim que apareceu. Não tenho certeza, onde está o erro .. Alguém pode me ajudar? Script...