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 = {
...
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
...
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 ...
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');
});...
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 ...
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 ...
7
votos
Aceito
É possível fazer uma quebra de linha dentro de um placeholder?
É possível usando o HTML entity de quebra de linha .
<textarea placeholder="Excelentíssimo Senhor Professor Doutor"
class="form-control" id="interessado" style="...
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.
...
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 ...
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-...
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 ...
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"); // ...
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.
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 ...
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-...
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(){
$(...
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 ...
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-...
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="...
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/...
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 ...
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 !...
4
votos
Propriedades do css nao fazem efeito bootstrap
Seu CSS deve ser declarado posterior ao bootstrap.
Tente evitar !importants.
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" ...
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 ...
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'>...
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 ...
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
bootstrap × 451css × 169
html × 167
javascript × 102
jquery × 82
php × 67
html5 × 44
modal × 39
css3 × 23
bootstrap-3 × 21
twitter-bootstrap × 18
layout-responsivo × 18
c# × 12
mysql × 12
angularjs × 12
carousel × 12
asp.net-mvc × 11
ajax × 10
grid × 10
wordpress × 9
laravel × 8
menu × 8
dropdown × 8
front-end × 7
datepicker × 7