Perguntas com a marcação «twitter-bootstrap»

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 corporal modal.

167 javascript  jquery  jquery-ui  twitter-bootstrap 

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 clicável?

167 twitter-bootstrap  twitter-bootstrap-3 

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 class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> <div class="modal-footer"></div> </div> </div> </div> Ele mostra o diálogo modal mais ou menos assim, basicamente, coloca a barra de rolagem inteira …

164 css  twitter-bootstrap 

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 for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> …

163 css  twitter-bootstrap  bootstrap-4  centering 

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 oficial da TB quando impressa: Minha …

162 printing  twitter-bootstrap 

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 …

162 twitter-bootstrap  whitespace  vertical-alignment  twitter-bootstrap-2 

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 …

162 twitter-bootstrap  tooltip 

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 esta pergunta Eu descobri recentemente Flexboxquando estava procurando …

161 html  css  twitter-bootstrap  flexbox 

<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 tela cheia para o código acima, tentei brincar com o css, mas não consegui obtê-lo da maneira que queria. Alguém pode …

160 css  twitter-bootstrap 

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 …

159 css  twitter-bootstrap  sprite  css-sprites 

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 …

158 css  twitter-bootstrap 

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 tooltip(object) …

157 javascript  html  css  twitter-bootstrap 

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 href="#tab1" data-toggle="tab">Tab 1</a></li> <li><a href="#tab2" data-toggle="tab">Tab 2</a></li> <li><a …

157 twitter-bootstrap  tabs  twitter-bootstrap-3 

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 class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more …

157 html  css  twitter-bootstrap 

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" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> …

157 jquery  css  twitter-bootstrap  youtube  twitter-bootstrap-3