Perguntas com a tag [bootstrap-3]

Bootstrap é uma coleção gratuita de ferramentas para a criação de sites e aplicações web. Utilize esta tag apenas quando o assunto for relacionado à esta versão do framework.

Filtrar por
Ordenado por
Com tags
-1 votos
1 resposta
574 visitas

DIV que começa no fim de uma outra div e vai até o final da div pai

eu tenho a seguinte estrutura: <div class="pai"> <div class="t1"> itens </div> <div class="t2"> itens2 </div> </div> css .pai{ height:...
Lucas Alves's user avatar
1 voto
1 resposta
688 visitas

Repetir carousel Bootstrap

Tenho esse código de um carousel $('#carousel-example-generic').on('slide.bs.carousel', function() { var interval = $('div.item.active').attr('duration'); setTimeout(function() { $('....
Wagner Martins Bodyboard's user avatar
0 votos
2 respostas
2mil visitas

Listar e somar itens selecionados

Estou precisando listar o valor em (R$) dos inputs e select do html, como se fosse um carrinho de compras, porém preciso que essa lista e valor total seja apresentado em tempo real ao usuário para ser ...
Jvs Corrêa's user avatar
1 voto
1 resposta
132 visitas

Tem alguma forma de adicionar "tooltip" do Bootstrap a força?

Eu tenho um botão no meu site Wordpress, ou seja dentro da postagem! Botão: <a href="#" class="btn btn-primary btn-lg btn-block" id="butdedownlaodnovo" data-toggle="tooltip" data-placement="top" ...
Matheus Vitor's user avatar
1 voto
1 resposta
1mil visitas

Limitar quantidade de caracteres modo bootstrap

preciso adicionar uma limitação de caracteres. Quero que a página principal exiba somente uma porcentagem de caracteres, exemplo 100 e quando o usuário acessar aquela postagem, mostrar a noticia ...
Demetrius Reis's user avatar
1 voto
1 resposta
2mil visitas

Como alterar o efeito padrão do slide do bootstrap para Fade?

Olá, eu consegui colocar o carousel do Bootstrap 3 normal igual mostra na documentação, porém estou com dificuldade para colocar o efeito Fade, alguém tem alguma solução para fazer? <div class="...
Ismael Menezes's user avatar
2 votos
3 respostas
1mil visitas

Como centralizar um texto no meio da página?

eu estou utilizando o bootstrap 3. Quero centralizar um texto conforme o exemplo abaixo. @import url('https://fonts.googleapis.com/css?family=Anton|Black+Han+Sans|Open+Sans+Condensed:300'); /* ...
Sandson Costa's user avatar
-2 votos
3 respostas
2mil visitas

Mudar a cor das tabs ao selecioná-las

Amigos, tenho essas tabs, já tentei alguns códigos em css para deixar uma cor de fundo nas tabs, mas quando uso os códigos ele muda todo o background, eu quero mudar apenas a cor da tab que esta ...
Letimberg's user avatar
-1 votos
1 resposta
601 visitas

Como implementar um menu bootstrap em um projeto Angular?

coloquei o seguinte código e não funcionou; <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand"...
user avatar
1 voto
1 resposta
3mil visitas

Não consigo usar glyphicons do bootstrap

Não estou conseguindo usar os glyphicons do bootstrap, simplesmente nao aparecem, estou usando uma maquina linux, e sei que é algo referente a pasta fonts pois a mesma não veio na instalação comum do ...
Eduardo Rafael Moraes's user avatar
2 votos
1 resposta
3mil visitas

Para atualizar um projeto de Bootstrap v3 para Bootstrap v4 é só alterar os arquivos?

Tenho um projeto que foi feito usando o Bootstrap v3, porém eu gostaria de atualiza-lo para a versão 4, para isso, basta trocar os arquivos ou vai ser necessário reescrever novamente?
D. Watson's user avatar
  • 938
1 voto
2 respostas
1mil visitas

Como testar site em telas com tamanhos diferentes

Estou realizando a criação de um site, porém ainda esta apenas na minha maquina no localhost, como faço para testar em tamanhos de telas diferentes como por exemplo em telas de smartphones, androids, ...
sol25lua's user avatar
  • 399
1 voto
1 resposta
7mil visitas

Colocar espaço entre duas colunas bootstrap

As colunas do Bootstrap que ficam dentro da div com a classe .row ficam coladas ( http://prntscr.com/io5hbg ). Porém eu gostaria de "desgrudar" elas de alguma forma, colocando um espaçamento entre ...
Lucas Josivan's user avatar
1 voto
1 resposta
1mil visitas

Linhas e colunas em html

Não estou conseguindo fazer com que as colunas fiquem na mesma linha, estou utilizando o código abaixo, porém as colunas saem uma do lado da outra, e quero que fique na mesma linha. <!DOCTYPE ...
sol25lua's user avatar
  • 399
1 voto
2 respostas
596 visitas

Modificar breakpoint do navbar

nav #btn-principais{ background-color: #27C8D0; border-radius: 1px !important; float: right; } #logo{ width: 240px; height: auto; float: left; } nav .icon-bar{ background-color: #000;...
Fernanda's user avatar
1 voto
1 resposta
4mil visitas

Div lateral com height 100% com Bootstrap 4

Boa tarde, pessoal. Estou quebrando a cabeça com o menu lateral do meu site, quero que o mesmo tenha 100% de height (utilizando height:100% não funcionou), o problema é o seguinte, pesquisando na ...
DouglasNickson's user avatar
0 votos
0 respostas
345 visitas

Como alterar o local do preview do Bootstrap File Input?

Eu preciso mudar o local onde aparece o preview das imagens, colocar ele dentro de outra div pois ele está sendo colocado automaticamente acima do input file. Até agora não encontrei nada na ...
Yuri Fernandes's user avatar
1 voto
2 respostas
10mil visitas

Como gerar evento á partir de marcação ou desmarcação de checkbox com jquery/javascript

Estou tentando gerar eventos à partir da ação do usuário em uma lista de checkbox. A ideia é simples: Gerenciar a aparição de conteúdo de "Divs" na tela à partir do médoto ".toogle()" jquery em ...
Fred Chehuan's user avatar
2 votos
3 respostas
2mil visitas

Input date ta em inglês

Fiz um input date do bootstrap e ele ta em inglês, há alguma forma dele ficar em pt-br? HTML <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/...
Maria's user avatar
  • 843
0 votos
2 respostas
1mil visitas

Como formatar o select option com bootstrap num Angular?

Observe a imagem abaixo: Vocês podem perceber que o campo CEP está bem diferente do campo Estado e Cidade, estou ciente que as configurações do campo CEP é devido as recursos do PrimeNg do Angular e ...
user avatar
1 voto
1 resposta
86 visitas

Intervalo de confiança bootstrapped para os parametros de modelo GLMM

Estou com duvida para gerar um intervalo de confiança que me foi solicitado quando é um GLMM Normalmente se não fosse binomial faria por exemplo assim: library(boot) library(lme4) library(dplyr) dat ...
Cleber Iack's user avatar
1 voto
1 resposta
243 visitas

Como inserir uma linha por cima do carousel

Estou tentando fazer um carousel que ao clicar nos itens é exibido a imagem e ao lado o conteúdo mais gostaria de inserir um uma linha como da imagem abaixo e centralizar os itens com o titulo ao lado ...
Bruno Richart's user avatar
1 voto
1 resposta
2mil visitas

Como criar um efeito mouse-over em uma imagem e posiciona-lo onde quero?

Estou querendo replicar um efeito de mouse over mas o que consegui até agora está meio bugado, a linha com o efeito está passando de um lado até o outro, e não está somente no comprimento do texto, ...
Florida's user avatar
  • 2.674
0 votos
2 respostas
4mil visitas

Adicionando buttons no canto superior direito da div

Estou utilizando bootstrap, HTML e CSS em um layout responsivo e queria adicionar dois buttons no canto superior direito da DIV Como consigo realizar isso? independente do que tem dentro da div? por ...
Bruno Silva's user avatar
2 votos
1 resposta
421 visitas

Como faço para aumentar a tarja de seleção de um item de lista dentro de um drop-down-menu

Como faço para aumentar a tarja de seleção (cor cinza) para ficar com largura e altura conforme selecionei de vermelho? body { padding-top: 50px; padding-bottom: 20px; } /* Wrapping ...
Master JR's user avatar
  • 1.849
0 votos
2 respostas
767 visitas

Bootstrap: ordenar por coluna ao invés de linha

Tenho um layout que tem o seguinte modelo: [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] E precisaria que, tanto no desktop e mobile, ficasse asssim: [1] [5] [...
Rogério Pancini's user avatar
1 voto
1 resposta
202 visitas

Datetime Picker

Estou a usar este datetimer picker datetimepicker A data aparece assim: 2018 Janeiro 30 - 10:00 e eu quero que apareca assim: 2018-01-30 10:00 Dá para fazer em jquery ou e preciso alterar diretamente ...
Shider's user avatar
  • 403
3 votos
1 resposta
1mil visitas

DIV saindo da tela

Eu já vi varias vezes uma div meio que saindo da tela, e como não vou saber explicar direito, vou mostrar uma foto de uma exemplo: Eu imaginei que seria com box-shadow, mas nao consegui fazer. Nao ...
Maria's user avatar
  • 843
1 voto
0 respostas
92 visitas

Página não funciona no chrome

Fiz uma página de cadastro, mas no chrome nao mostra o css atualizado dela, mas pelo firefox mostra tudo atualizado já. Aí eu subi no servidor pra ver pelo meu celular, iphone 5s, e mesmo assim não ...
Maria's user avatar
  • 843
1 voto
1 resposta
2mil visitas

Tabela no Bootstrap escondendo botões

Eu estou fazendo uma pequena aplicação Java Web com Bootstrap, mas eu estou com um erro em uma página onde utilizo uma tabela. Quando eu tenho mais de oito linhas na tabela, os botões que ficam abaixo ...
Lucas Ferreira's user avatar
2 votos
1 resposta
930 visitas

Label no Bootstrap

Ola Pessoal, Já me ajudaram bastante, mas agora estou com outro problema... Quero que quando aperta ou passe o mouse no inputs, aparece em cima o nome... já fiz isso funcionar, mas com o bootstrap ...
Luccas Gaulia's user avatar
1 voto
1 resposta
426 visitas

É possível colocar uma imagem dentro da barra de progresso?

Gostaria de saber se é possivel colocar uma imagem dentro da barra de progresso do bootstrap, enquanto a barra vai caminhando, logo a frente dela vai tipo um carrinho pequeno. Isso seria possível? ...
Maria's user avatar
  • 843
3 votos
3 respostas
2mil visitas

Grid do Bootstrap não funciona!

Estou desenvolvendo um site e o grid do bootstrap não está funcionando... o MD e o SM estão funcionando corretamente, porém quando vou testar a responsividade do site o XL não funciona.. as imagens ...
Lucas Fonseca's user avatar
1 voto
3 respostas
639 visitas

Como alinhar div ao lado de duas rows?

Quero deixar a ultima imagem centralizada no meio das duas rows porem não sei como fazer utilizei uma margin-top: 15%; foi para o centro como eu quero porem a segunda row desceu e não ficou perto da ...
Everton Figueiredo's user avatar
0 votos
1 resposta
475 visitas

A minha classe pull-right não está empurrando o menu para a direita alguém pode me ajudar?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Victor - Design Bootstrap</title> <link rel="stylesheet" type="text/css" href="css/...
Alice Vitor Rodrigues's user avatar
3 votos
1 resposta
1mil visitas

Inserir títulos dos itens na lateral carousel bootstrap

Estou tentando fazer um carousel usando o framework bootstrap, mas estou com dificuldades para inserir os títulos dos itens carousel na lateral e inserir uma borda por cima como na imagem abaixo. ...
Bruno Richart's user avatar
2 votos
1 resposta
11mil visitas

Como manter o input date bootstrap na página?

Implementei a classe "date" do Bootstrap 3. Quando acessada a página, o campo é renderizado normalmente, mas ao término da carga da página o input text e o ícone do calendário simplesmente somem. ...
Marcelo Gomes's user avatar
1 voto
1 resposta
482 visitas

Problema ao mudar cores do menu com bootstrap-less 3.3.7

Pessoal estou fazendo um site com HTML5 e bootstrap-lesstudo funciona normalmente porem precisava alterar algumas cores no menu navbar e sei que posso fazer isso através das variables.less dentro ...
Felipe Henrique's user avatar
1 voto
1 resposta
670 visitas

Bootstrap 4 nav bar

Bom dia Este é o código que uso na minha barra de menu, mas quando faz o collapse o botão fica ao tamanho todo da barra fazendo subir o icon do logo, eu queria que o botão do collapse fica-se como ...
Adelino Vasconcelos's user avatar
2 votos
3 respostas
986 visitas

Mudar o ponteiro em um bootstrap-datepicker

Possuo um bootstrap-datepicker, quando posiciono o mouse em cima do calendário no dia ou então no navegador dos meses o ponteiro que aparece é aquele de seleção, parecido com I, mas gostaria que ...
V.Avancini's user avatar
1 voto
3 respostas
2mil visitas

Datepicker não aplica mudanças realizadas

Estou utilizando o datepicker do bootstrap, porém quando faço algumas modificações elas não se aplicam var defaults = $.fn.datepicker.defaults = { autoclose: false, beforeShowDay: $....
V.Avancini's user avatar
0 votos
1 resposta
59 visitas

Problema Bootstrap com JavaScript

Tenho um código HTML que ao inserir a classe form-control no input, minha função JavaScript não funciona. Assim não funciona minha função soma: <div class="container"> <div class="row"&...
olifreitas's user avatar
2 votos
3 respostas
932 visitas

Fazer aparecer e desaparecer classe do html pelo js

Tenho uma página de cadastro, e quando os dados são inseridos errados, aparece um alert(); informando o erro, mas gostaria que ao invés de ser alert, fosse uma mensagem de erro logo abaixo dos campos. ...
Maria's user avatar
  • 843
3 votos
2 respostas
5mil visitas

Como trocar a cor de um radio button?

Possuo esses radio buttons no qual serve para especificar o nível de gravidade de uma determinada ocorrência. E eu gostaria de saber como eu poderia mudar a cor deles? Segue este exemplo de ...
gato's user avatar
  • 23,6mil
3 votos
4 respostas
1mil visitas

Alinhar button ao lado direito do select

Bom dia, estou com dificuldade de deixar o button ao lado do select ele sempre fica abaixo do campo, como posso deixar ele posicionado no lado direito do campo? <div class="form-group"> <...
Matheus Oliveira's user avatar
0 votos
1 resposta
1mil visitas

Tabela em html com classes do excel

<!DOCTYPE html> <html> <head> </head> <body> <table> <tr> <th>Company</th> <th>Contact</th> <th>Country&...
Erick Zanetti's user avatar
0 votos
1 resposta
92 visitas

Não captura os eventos após clonar - jquery bootstrap

Estou usando o código abaixo para clonar o accordion. Mas ao tentar expandir o accordion que foi clonado o evento capturado aciona o accordion pai. Sei que o evento clone é limitado mas como resolver ...
Ronaldo Peixoto's user avatar
1 voto
1 resposta
1mil visitas

Atualizando ProgressBar em JSF [fechada]

Boa Tarde, Estou fazendo um método assincrono que faz buscas no banco de dados(oracle), e retorna em uma arquivo de Excel. Dentro do meu Método tem o for @Async public synchronized void ...
Arthur Edson's user avatar
-2 votos
1 resposta
3mil visitas

Imagem saindo fora da div no topo e no rodapé [fechada]

Como faço para criar um div com bordas e posicionar uma imagem com um valor de desconto acima dessa div saindo fora dela e logo abaixo centralizado um botão no meio da div como a imagem em anexo;
Bruno Richart's user avatar
0 votos
2 respostas
100 visitas

Grupo de imagens em gird do bootstrap ficando fora do loop

Tenho uma lista de imagens onde estou usando em grid pra organiza-las ficando a quantidade exata que preciso por linhas. Com isso eu fiz um loop para controlar os grids e tenho também o loop das ...
Otácio Barbosa's user avatar