Skip to main content

Respostas interessantes marcadas com a tag

15 votos
Aceito

Configurar o DatePicker do ng-bootstrap para PT-Br

Bom consegui criando dois arquivos:CustomDatepickerI18n import { Component, Injectable } from '@angular/core'; import { NgbDatepickerI18n } from '@ng-bootstrap/ng-bootstrap'; const I18N_VALUES = { ...
Harlan Gomes Nascimento's user avatar
9 votos
Aceito

Abrir modal bootstrap automaticamente ao carregar pagina

Você está utilizando a maneira correta de abrir o modal do bootstrap: $(document).ready(function() { $('#exemplomodal').modal('show'); }) Como o erro no console é .modal is not a function ...
Mathiasfc's user avatar
  • 5.905
9 votos

Trocar a imagem em telas menores

Se fosse em CSS, eu recomendaria uma pesquisa por @media no site, temos vários exemplos, mas como você quer alterar uma imagem de conteúdo, vamos por outro caminho. Em HTML5 você pode fazer sem ...
Largato's user avatar
  • 92,9mil
8 votos
Aceito

Fechar modal bootstrap automaticamente quando enviar formulário

Você pode usar o modal('hide'). $('#seu_modal').modal('hide'); Isso pode ser executado dentro do success. Exemplo: $('.abrir').on('click', function(){ $('.modal').modal('show'); });...
Inkeliz's user avatar
  • 21,8mil
8 votos

Aumentando tamanho do modal utilizando bootstrap e html

O modal bootstrap tem as seguintes opções de tamanho: Grande (large) - Máximo de 900px <div class="modal-dialog modal-lg"> Pequeno (small) - Máximo de 300px; <div class="modal-dialog ...
Murillo Goulart's user avatar
7 votos
Aceito

Como fazer uma pesquisa em um campo combo a medida que for digitando o texto?

Apenas com Bootstrap você nao consegue realizar essa tarefa. Nesse link você encontra 30 exemplos em jQuery que fazem esse trabalho. Procure o que mais se adeque às suas necessidades. Alguns dos ...
Guilherme Reis's user avatar
7 votos
Aceito

É possível fazer uma quebra de linha dentro de um placeholder?

É possível usando o HTML entity de quebra de linha &#10;. <textarea placeholder="Excelentíssimo Senhor&#10;Professor Doutor" class="form-control" id="interessado" style="...
Jéf Bueno's user avatar
  • 69,8mil
7 votos

Trocar a imagem em telas menores

Uma alternativa é criar duas divs, uma com a imagem para mobile e outra imagem para desktop. Na div para mobile colocar a classe do Bootstrap .visible-xs-* e na div para desktop a classe .hidden-xs. ...
Vitor Martins's user avatar
6 votos

Propriedades do css nao fazem efeito bootstrap

Como mencionado pelo @JoãoLuiz, evite usar !important, porqu no futuro você pode querer sobrescrever seus próprios estilos, e, além disso, os desenvolvedores que tiverem legado o seu código terão ...
Not The Real Hemingway's user avatar
6 votos

Colocar Texto na Borda Div

CSS: .fieldset-border { border: 1px groove #ddd !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.5em 0 !important; -webkit-box-shadow: 0px 0px 0px 0px #000; box-...
murilosrg's user avatar
6 votos

Configurar o DatePicker do ng-bootstrap para PT-Br

Na versão 8.3.15 do Angular CLI, importei no app.module.ts: import { registerLocaleData } from '@angular/common'; import localePt from '@angular/common/locales/pt'; registerLocaleData(localePt); E ...
user3453562's user avatar
6 votos
Aceito

Append javascript

Está usando appendChild de forma errada. Antes é preciso criar o elemento com createElement: var text = document.getElementById("recipient-email").value; var li = document.createElement("li"); // ...
Sam's user avatar
  • 80,8mil
5 votos

Propriedades do css nao fazem efeito bootstrap

Verifique se no <head>o seu CSS foi inserido depois do bootstrap. As regras são executadas sequencialmente.
Agnelio Lhavanguane's user avatar
5 votos

Como fazer uma pesquisa em um campo combo a medida que for digitando o texto?

O link postado pelo @guilherme-reis é de 2012 e talvez não resolva teu problema. O Typeahead.js é um plugin para jQuery feito pelos caras que fizeram o Bootstrap. Neste artigo do scotch.io eles ...
fernandosavio's user avatar
5 votos
Aceito

Centralizando modal bootstrap

Resolvido. Alterei o código CSS com o conteúdo abaixo: .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-...
Raphael Prado de Oliveira's user avatar
5 votos
Aceito

Quebra de linha dentro de um Popover do Boostrap

Use a propriedade HTML Para colocar conteúdo HTML dentro do texto ou do título ajuste a propriedade html para true. Veja a especificação do popover Exemplo: $(document).ready(function(){ $(...
Pagotti's user avatar
  • 3.196
5 votos
Aceito

Tem problema incluir um pouco de bootstrap na página que está sem?

Não há problema, isso é bastante habitual. O que deves ter em conta é: páginas sem scripts é sempre preferível na perspetiva de velocidade e peso da página a carregar páginas com scripts são muitas ...
Sergio's user avatar
  • 135mil
5 votos
Aceito

Flutuar metade da lista do Menu Dropdown para outra posição

Imagino que cada <li> seja um botão do menu, onde também está incluído um <ul> que é o menu dropdown do respectivo botão. Nisso, o seletor correto dos menus, de 6 a 10, seria: #main-...
Sam's user avatar
  • 80,8mil
4 votos
Aceito

Meu carrossel com bootstrap não está funcionando!

Você está chamando os arquivos JS como Estilos CSS. Troque isso: <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="...
Diego Souza's user avatar
  • 16,7mil
4 votos
Aceito

Colocar texto imagens etc... na ordem horizontal

Segundo a documentação: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/...
Felipe Paetzold's user avatar
4 votos
Aceito

Barra de progresso acompanhar execução da mysql query

Ao invés da barra de progresso, vou sugerir o que fiz. É mais simples, e não demanda múltiplas requisições ao servidor. Basicamente: mostre um modal com um aviso durante o tempo de execução da ...
ShutUpMagda's user avatar
  • 2.106
4 votos

Propriedades do css nao fazem efeito bootstrap

Talvez a forma que você colocou o <link href="css/bootstrap.css" rel="stylesheet"> ou você pode alterá direto da biblioteca do bootstrap mas a forma que o Guilherme Alvez mencionou pondo o !...
Nathan's user avatar
  • 794
4 votos

Propriedades do css nao fazem efeito bootstrap

Seu CSS deve ser declarado posterior ao bootstrap. Tente evitar !importants.
João Luiz's user avatar
4 votos
Aceito

Bootstrap Modal - Navegar elemento dentro do modal

Seria isso: $(function(){ $(".modal").modal(); $("[data-toggle='modaltop']").click(function(){ $(".modal").animate({ scrollTop: 0 }, "slow"); }); }); <link rel="stylesheet" ...
Leonardo Rodrigues's user avatar
4 votos
Aceito

Mudar valores em Modal - C# MVC JavaScript

<script type="text/javascript"> $(document).ready(function(){ $(document).on("click", ".rename", function() { var $this = $(this); var nome = $this.data('name'); var ...
Aline's user avatar
  • 1.721
4 votos

Tooltip Bootstrap 3 sumir quando eu clicar em outro

Você deve fechar todos os outros tooltips e abrir apenas o que clicou. Com este html: <a class="btn" rel='popover' data-placement='bottom' data-original-title='Teste 1' data-toggle='tooltip'>...
Bruno Rigolon's user avatar
4 votos
Aceito

Tooltip Bootstrap 3 sumir quando eu clicar em outro

Segue uma outra alternativa de solução, mostrando os tooltips manualmente Sempre que o evento de click de um elemento que tem tooltip é acionado, esconde todos os tooltips visíveis e mostra somente o ...
Mathiasfc's user avatar
  • 5.905
4 votos

Ocultar colunas de tabela ao redimensionar pagina html

Existem classes próprias do bootstrap para esse comportamento. No seu caso, sugiro a combinação das classes .visible-md-block e .visible-lg-block, adicione elas nos elementos que tu quer esconder em ...
Mathiasfc's user avatar
  • 5.905
4 votos
Aceito

Código do Bootstrap não funciona

Abra o console e irá ver o erro bem claro do problema: Uncaught Error: Bootstrap's JavaScript requires jQuery as APIs do Bootstrap usam jQuery, se você não adicionar o jquery "antes" não vai ...
Syzoth's user avatar
  • 100mil

Only top scored, non community-wiki answers of a minimum length are eligible