Perguntas com a tag [twitter-bootstrap]

Bootstrap é um framework de front-end (cliente), criado pelo Twitter, projetado para servir de base ao desenvolvimento de aplicações web e sites. Use a tag "twitter-bootstrap" e NÃO "bootstrap" para fazer uma pergunta sobre este framework. Use também a tag mais específica se a pergunta se refere a algo exclusivo para uma versão ou tecnologia relacionada.

Filtrar por
Ordenado por
Com tags
7 votos
1 resposta
2mil visitas

Como ativar o modal através da opção em um select?

Exemplo: Quando eu selecionar a opção "volvo", o modal aparecer... <label>Recinto</label> <select class="form-control" data-toggle="modal" data-target="#cria-recinto"> <option ...
André Albson's user avatar
2 votos
2 respostas
945 visitas

Como criar colunas dinamicas com Bootstrap e PHP?

Eu tenho 30 itens que vão vir em ordem alfabética. Eu preciso distribuir estes itens em 3 colunas por ordem alfabética VERTICAL. O problema é que no Bootstrap, os blocos vão casando um ao lado do ...
Marcos Vinicius's user avatar
-1 votos
3 respostas
2mil visitas

Quebrar Colunas Bootstrap

estou fazendo uma estrutura com bootstrap, conforme as "leis" do bootstrap deve-se usar col-xs-12 col-md-12 estou fazendo 2 colunas principais com colunas dentro, exemplo: EXEMPLO CODEPEN a coluna ...
Furlan's user avatar
  • 2.392
2 votos
3 respostas
987 visitas

Não faz o parse do bootstrap datepicker para dd/mm/yyyy - 400 Bad Request (POST)

Eu tenho uma aplicação web, basicamente roda puro com JSP + AngularJS. O template que uso do bootstrap, não tinha datepicker com AngularJS, então estou usando com jQuery. Eu tenho em minha tela, um ...
Leonardo Leonardo's user avatar
16 votos
4 respostas
18mil visitas

Como usar Progressbar com Ajax e PHP?

Encontrei alguns exemplos em que o desenvolvedor implementa um setInterval tentando prever o tempo de importação e no complete do ajax colocar 100% fazendo aquele progress bar ficar "meio bugado" ou ...
Gabriel Rodrigues's user avatar
0 votos
1 resposta
1mil visitas

Alterar dimensão para ativar nav-toggle antes

Estou fazendo um site e estou usando bootstrap nele. Testei no celular e quando mostra o menu, o menu ainda está da mesma forma que no PC só com a fonte menor. Queria mostrar aquele botão de abrir o ...
Alisson Acioli's user avatar
0 votos
1 resposta
4mil visitas

Como impedir que o usuário feche uma página sem enviar o formulário, porém sem utilizar um dialog?

Tenho uma página HTML que possui um formulário. Preciso impedir que, após o usuário preencha esse formulário, ele clique em outro botão qualquer da página que não seja o "Salvar". Encontrei um script ...
Gabriel Polo's user avatar
3 votos
2 respostas
2mil visitas

como faco para deixar um slide FULL SCREEN

como faco para deixar um carousel em bootstrap full screen para dispositivos moveis pois no desktop ele fica do modo que eu quero ocupando a tela toda sem deixar espaço em branco porem nos ...
Leonardo Costa's user avatar
0 votos
1 resposta
1mil visitas

Menu dropdown não se ajusta a tela

Eu tenho um botão dropdown que serve como menu do site, só que ele fica no canto direito do site e acaba saindo da tela, segue print do problema: Eu quero que ele fique dentro da tela, sem criar uma ...
Bernardo Kowacic's user avatar
1 voto
4 respostas
273 visitas

Box de diferentes altura se encaixarem igual Pinterest

Estou com um problema, não estou conseguindo deixar os blocos de diferentes alturas (height) mais ou menos igual ao pinterest, no meu caso são duas colunas respeitando a seguinte regra de responsivo ...
user avatar
0 votos
2 respostas
1mil visitas

Bootstrap responsive não quebra para linha de baixo

tenho o seguinte código: <div class="welcome-content row"> <figure class="col-xs-12 col-sm-12 col-md-6"> <%= image_tag('feed/welcome2016.jpg') %> </...
user avatar
2 votos
1 resposta
2mil visitas

Transformar grids em carousel (slider)

Gostaria de saber se é possível fazer um grupo de cols-* ficar como carouel/slider apenas quando menor que 750px. Antes de tudo, pra quem não entende bem de bootstrap, tanto os grids quanto o ...
Syzoth's user avatar
  • 100mil
-2 votos
1 resposta
1mil visitas

Site não fica responsivo [fechada]

Fiz um teste com Bootstrap, no desktop navegador funciona beleza, mas no dispositivo móvel fica pequeno. <html> <head> <link rel="stylesheet" type="text/css" href="...
War Lock's user avatar
  • 2.265
3 votos
1 resposta
73 visitas

É possível adicionar um número diferente para cada <li> criada num for?

Tenho um carossel em bootstrap e para chamar os posts do wordpress dentro dele, tenho um for dentro da <div class="carousel-inner">. O for consegue criar os posts, porém não estou conseguindo ...
Lucas Henrique's user avatar
0 votos
0 respostas
435 visitas

Utilizar um Carousel dentro de uma tab-panel (Bootstrap)

Boa tarde! Estou tentando implementar um carousel dentro de uma tab-panel; porém, ambos utilizam a notação "active" na classe para determinar qual item irá aparecer. Sendo assim, quando seleciono ...
Lucas Queiroz Ribeiro's user avatar
4 votos
2 respostas
1mil visitas

Upload imagem Php Bootstrap File Input (Undefined offset)

Estou usando o o PlugIn Bootstrap File Input E está me retornando 'Notice: Undefined offset:' Códigos <input id="file-upload" name="files[]" type="file" multiple> Form já tem o enctype="...
sNniffer's user avatar
  • 1.021
12 votos
1 resposta
14mil visitas

Como criar uma barra de progresso dinâmica considerando todos os campos de um formulário?

Estou tentando criar uma barra de progresso um pouco diferente das que encontrei por aí. Esta por exemplo, pega os values dos campos e joga no aria-valuenow da barra de progresso. No meu caso, quero ...
gustavox's user avatar
  • 4.034
2 votos
3 respostas
9mil visitas

Modal abre sobreposta por fundo preto

As minha modais estão abrindo debaixo do fundo preto, assim: Caso eu tire o z-index:1040 do código abaixo, o fundo preto some: .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; ...
Bia's user avatar
  • 2.022
4 votos
2 respostas
711 visitas

Como pintar célula de acordo com o valor de um select?

Estou precisando de uma ajuda para formatar uma <td> de acordo com o resultado do select PHP. Pensei em usar o jQuery mas não conheço muito. <tr class=""> <td class=""><?php ...
user3275937's user avatar
6 votos
1 resposta
14mil visitas

Ocultar campo no HTML com Bootstrap

Como posso fazer com que um campo de texto em meu HTML fique oculto quando o usuário estiver visualizando pelo celular e apareça quando ele estiver visualizando pelo PC?
Kleber Nunes's user avatar
2 votos
1 resposta
352 visitas

Enviar dados de uma modal para outra modal

Tenho uma modal chamada detalhes, tenho os seguintes dados nela: <input type="text" class="form-control" id="id" name="id" required> <input type="text" class="form-control" id="nome" name="...
Bia's user avatar
  • 2.022
2 votos
1 resposta
890 visitas

Como fazer um Portfolio Modal aparecer da esquerda para a direita?

Portfolio Modal, example: http://ironsummitmedia.github.io/startbootstrap-freelancer/ Eu quero modificar a animação do Portfolio Modal (bootstrap). Eu quero que ele apareça da esquerda para ...
Zkk's user avatar
  • 837
-1 votos
1 resposta
691 visitas

Como exibir um navbar a partir de determinada seção da página?

No projeto que estou fazendo, quando o viewport for menor que 767px ele exibirá um menu/navbar porém, ele só deverá ser exibido após determinada seção da página. Fiz um exemplo no Fiddle, lá está ...
Zkk's user avatar
  • 837
7 votos
2 respostas
4mil visitas

Chamar Modal e Tooltip no mesmo data-toggle

Tenho um botão que chama uma modal assim: <button type="button" data-toggle="modal" data-target="#revisao>Revisao</button> Para chamar um Tooltip usa-se: <button type="button" class="...
Bia's user avatar
  • 2.022
4 votos
1 resposta
660 visitas

Passar um objeto para um modal Bootstrap

Preciso passar um objeto do banco de dados para um modal quando abro ele para mostrar as informações do objeto. É possível fazer isso? segue o cshtml da view em que o botão do modal é chamado, ele ...
Victor Glauber's user avatar
2 votos
1 resposta
1mil visitas

Como fazer com que uma imagem seja exibida na tela inteira apenas no modo mobile?

São dois modelos de site, o desktop (Que já está ok) e o mobile. No mobile, eu quero que ele exiba um fundo preto com APENAS uma imagem ocupando o centro da tela. TODA a extensão (altura e largura) ...
GtGtGt's user avatar
  • 511
1 voto
1 resposta
776 visitas

Como fazer com que um modal dispare e permaneça no rodapé/parte debaixo da página?

O Modal, por padrão dispara de cima e para no topo. Quero fazer o inverso. Que ele dispare da parte debaixo e permaneça ali (na parte debaixo/footer/rodapé). Alterei o top dele, porém no mobile a ...
GtGtGt's user avatar
  • 511
1 voto
2 respostas
533 visitas

Mudar Ordem ao Clicar na Tecla Tab

Estou usando bootstrap em um projeto em c#, e quando clico na tecla tab para ir mudando os campos a direção está da direita para a esquerda, e queria que fosse ao contrário, onde é que mudo? Ex: ...
Mariane Ribeiro's user avatar
2 votos
2 respostas
66 visitas

Aba não vem aberta

Tenho 4 abas, Gostaria de saber como faço para que a primeira aba já venha aberta... Segue o código abaixo: <ul id="myTabs" class="nav nav-tabs"> <li><a data-toggle="tab" href="#...
AleBabaloff's user avatar
  • 1.114
1 voto
1 resposta
442 visitas

Estou com uma div que não esta funcionando [fechada]

Tem 2 Div com o parâmetro Container o problema é que a segunda está funcionando e aplicando normalmente o CSS, mas a primeira não funciona. Já mudei de Lugar o fechamento mas não adiantou. Alguém sabe ...
Edivan Cunha's user avatar
1 voto
1 resposta
1mil visitas

Colocar itens SELECT Mysql Lado a Lado com Bootstrap

Boa tarde, Estou fazendo uma consulta num banco, para um site de imobiliária. Gostaria que esta consulta gerasse os imóveis lado a lado, e não um abaixo do outro. Existe uma forma de fazer isso, ...
Hebert Richard's user avatar
1 voto
1 resposta
858 visitas

Como criar um sub submenu usando megamenu do bootstrap

Alguém sabe como deva criar um sub submenu com megamenus? Obrigado .navbar-default { color: #fff; background-color: #39b3d7; border-color: #269abc; ...
user3344144's user avatar
2 votos
4 respostas
5mil visitas

Como deixar uma altura-height fixa na página?

Que fazer com que a página ocupe 100% do viewport, que a mesma não possua barra de rolage. Seja num celular pequeno, médio, grande, tablet e ou num desktop. A altura (height) tem que estar fixo, ...
GtGtGt's user avatar
  • 511
1 voto
1 resposta
491 visitas

Imprir tabela listrada usando bootstrap 3 e css3

Tenho um relatório no qual tenho uma tabela com muitas linhas. Mas quando mando imprimir as cores da tabela listrada do bootstrap não aparecem na impressão. Consigo imprimir as cores nas colunas, ...
Philippe's user avatar
4 votos
2 respostas
2mil visitas

Button ao lado de input text bootstrap 3

Estou com um problema que não consigo colocar meu button de input file ao lado do meu input text. Ja pesquisei, tentei algumas coisas que vi por ai e nada. Talvez seja algo bem bobo, mas eu sou meio ...
Luan Gabriel's user avatar
1 voto
0 respostas
24 visitas

Impossivel navegar uma combo com o scroll do mouse no IE9

Quando selecionado uma combo e é usado o scroll do mouse a tela desce ao invés da lista da combo. Isso somente ocorre no browser do IE9 e IE10. Poderiam me ajudar com esse problema? Estou usando ...
Mariane Ribeiro's user avatar
2 votos
1 resposta
71 visitas

Não consigo fixar menu e header do site [fechada]

Estou tentando fixar o menu e o header do site, mas não consigo!! Consegui colocar ele online caso possa dá uma olhada: http://www.projectxna.esy.es/site-teste Como podem ver, ao usar o scroll do ...
Edilson Thomas's user avatar
4 votos
1 resposta
14mil visitas

Como centralizar um Modal Box na Horizontal e Vertical com CSS3? É possível?

Meu ModalBox(.modal-fade no Boostrap), está aparecendo no topo da página! Posso centraliza-lo na Horizontal e Vertical usando só CSS3? Se sim, qual seria a maneira mais correta? Segue o código do ...
Angelo Scali's user avatar
0 votos
1 resposta
254 visitas

Modal Box - Por onde começar? (link de exemplo)

Preciso fazer um modal box como esse do exemplo Modal Exemplo. Posso usar o .js do Bootstrap pra fazer isso?
Angelo Scali's user avatar
3 votos
1 resposta
79 visitas

Upload de 2 arquivos através de ashx

Tenho a tela abaixo: Preciso que o usuário selecione uma música e uma capa, porém não estou achando uma maneira de enviar os dois arquivos de uma só vez e ainda validar se foi selecionado a Música e ...
Allan Barbosa's user avatar
0 votos
2 respostas
248 visitas

Removendo um tab-content e adicionando class active ao que possuir conteúdo

Possuo uma tablist na página que é responsável por pegar alguns conteúdos através de uma function. Quando essa function não retorna nenhum valor, o certo é dar um hide nessa list e no seu content. Até ...
Lucas Henrique's user avatar
2 votos
3 respostas
308 visitas

Como pegar o valor de um inputtext e gerar uma URL de IMG

Como eu posso pegar o valor X de um INPUT e gerar uma URL para IMG usando JavaScript? Exemplo: Coloquei o numero 505050 no form e dei submit; Código do Form: <form action="teste" method="GET"&...
Erick Amoedo's user avatar
1 voto
1 resposta
759 visitas

Bootstrap sass, qual a melhor maneira de uso para evitar redundância de atributos

Estou utilizando a versão sass do boostrap, e gostaria de saber qual a prática recomendada. Eu tenho os assets originais do bootstrap e tenho os meus assets pessoais que creio eu sobrescrevem os do ...
Alan Rezende's user avatar
  • 1.026
4 votos
2 respostas
2mil visitas

Testar se um input do tipo radiobutton é seleccionado em PHP

Eu criei uma tabela que é o resumo de todos os meus cálculos anteriores e nessa tabela criei um campo onde coloquei um input radial para poder selecionar uma das opções calculadas. Preciso identificar ...
Pedro Lima's user avatar
2 votos
2 respostas
1mil visitas

Como fazer para quando clicar em um item de um menu a aba receber a view correspondente em angularJS?

Bom galera eu estou começando a estudar angularjs, e na minha aplicação eu queria fazer algo parecido com o seguinte. Tenho um menu dropdown e também tenho umas tabs que eu criei manualmente. Ao ...
Davi Pereira's user avatar
1 voto
2 respostas
13mil visitas

Colocando scroll em uma tabela para que não passe os limites do tamanho da janela

Tenho uma tabela que está com muitas colunas. Quero que ela fique no máximo do tamanho da janela. O problema é que ela passa a janela. Como colocar um scrool caso o conteúdo passe o tamanho da janela ...
Bruno Nascimento's user avatar
0 votos
1 resposta
107 visitas

Problema com menu nav css boostrap

estou tentando fazer um menu seguindo esse modelo aqui: Mas como nem tudo na vida são flores, eu não consigo de jeito nenhum deixar um border e o texto no meio, centralizado entre as bordas igual ...
LMaker's user avatar
  • 917
5 votos
4 respostas
5mil visitas

Como alinhar 7 elementos na mesma linha?

Estou desenvolvendo este site em bootstrap http://raissafigueiredo.com.br/masterclinic/ Porém, lá embaixo na parte de especialidades, tenho 7 elementos na mesma linha. Tive que usar uma "gambiarra ...
Marcelo Victor's user avatar
2 votos
2 respostas
359 visitas

Como deixar um elemento com a altura da página o tempo todo?

Tenho o seguinte problema: Preciso deixar que uma div tenha o a altura da tela o tempo. <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="topo">...</div&...
Diego Souza's user avatar
  • 1.090
0 votos
1 resposta
449 visitas

Carousel Vertical com Bootstrap

O carousel do Bootstrap trabalha com fotos horizontalizadas. Como faço para o mesmo rodar fotos tiradas com a maquina invertida, isto é, verticalizadas. Outra: Como faço para as imagens rodarem para ...
danestudo's user avatar

1
18 19
20
21 22
29