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
0 votos
1 resposta
1mil visitas

Bootstrap 3 - Grid de imagens

Olá! Como posso fazer uma grid responsiva de imagens com a versão Bootstrap 3.5 que fique assim no Desktop: E que no Mobile fique assim: Meu código é esse: <div class="row bloco02"> ...
Gabi M's user avatar
  • 13
1 voto
2 respostas
2mil visitas

Posicionar 2 botões lado a lado de um input

Preciso fazer um botão assim pro meu site mas não estou conseguindo? Como fazer isso em html e css e bootstrap? Até tentei fazendo assim, mas não funciona. <div class="btn-group inline" role="...
Bruno's user avatar
  • 77
4 votos
3 respostas
1mil visitas

Como fazer um filtro personalizado utilizando o Selectpicker do Bootstrap?

Bom dia galera. Estou com um problema utilizando o Selectpicker para fazer um Combobox com os produtos que trago do BD com o PHP. Meu problema é o seguinte: Preciso fazer um filtro "personalizado" ...
leozera's user avatar
  • 623
2 votos
1 resposta
509 visitas

Qual o problema dessa paginação não responsiva usando boostrap 4 no Laravel?

Estou utilizando Laravel para fazer um sistema, junto com o framework Bootstrap. E estou utilizando o recurso de paginação. Porém estou com problemas para deixar responsivo os numeros da paginação. ...
Arthur Abitante's user avatar
0 votos
1 resposta
168 visitas

Bootstrap 4 não coloca colunas lado a lado no Angular8

Boa tarde pessoal. Eu não sei o que está acontecendo com o Bootstrap em um projeto que estou fazendo que ele não coloca as colunas lado a lado. Já tentei alterar o tamanho, já tentei tirar as rows e ...
Daniel Swater's user avatar
-2 votos
1 resposta
143 visitas

Vale a pena usar Bootstrap com Angular 8? [fechada]

Boa noite, Recentemente comecei a estudar Angular 8. Meu contato com Angular até então era praticamente 0. Hoje me deparei com uma dúvida. Na maioria das vezes que li sobre o uso de jQuery com ...
Rafael S.'s user avatar
  • 129
0 votos
1 resposta
161 visitas

Valor de variável em tabs dentro de um modal - Javascript

Gostaria de passar um valor de uma variável contido em javascript através das tabs dentro de um modal para todas as abas. Segue abaixo um exemplo do que eu estou tentando fazer. $(function () { $(...
Carlos's user avatar
  • 453
-1 votos
1 resposta
402 visitas

Modal dentro de tabela - Mysql

Estou tentando passar informações que estão dentro de uma tabela para um modal. Atualmente o que tenho é uma função simples que exibe na tela um link e ao clicar nela, abre outra página com uma imagem ...
Spero Coin's user avatar
0 votos
2 respostas
209 visitas

nav-tabs não fica visível em mobile

Em monitor, funciona normal, mas em mobile a nav some. Pra testar e ver se não era alguma script que faltava no meu código, eu baixei um exemple do bootstrap com todos os links a css e js certinho, ...
Lucas's user avatar
  • 13
0 votos
1 resposta
1mil visitas

Usar bootstrap ou CSS manualmente para responsividade? [fechada]

Estou com uma duvida em quais situações são mais validas em investir para ter conhecimento em front-end, inclusive tratando-se de responsividade. Seria mais importante confiar no Bootstrap para deixar ...
Arthur Abitante's user avatar
-1 votos
1 resposta
3mil visitas

Colocar um texto fixo dentro de uma imagem - responsiva com Bootstrap

Estou tentando colocar um texto e um botão dentro de uma imagem, porém não estou conseguindo manter eles de forma responsiva. .dados { bottom: 10px; right: 0; } .text { font-...
Julio's user avatar
  • 1
0 votos
1 resposta
529 visitas

Colocar imagem fora do container do Bootstrap

Eu preciso colocar uma imagem fora do container, de forma que a margem do lado direito se mantenha a padrão do container (responsiva), e a imagem se mantenha sempre junta com um "botão". Segue a ...
Julio's user avatar
  • 45
0 votos
1 resposta
195 visitas

Porque o texto está fora de linha? e como solucionar no bootstrap 4?

Continuando a minha pergunta feita anteriormente, estou utilizando agora o seguinte código. Ocorreu outro problema simples que não estou conseguindo resolver. O texto escrito "LIMPAR FILTROS" fica ...
Arthur Abitante's user avatar
0 votos
1 resposta
2mil visitas

hover em imagem utilizando bootstrap

Estou tentando aplicar um efeito com hover, porém não estou conseguindo. Estou utilizando bootstrap 4. Eu consegui realizar o que quero ou quase isso, o problema é que aparece abaixo e não sobre a ...
Lucas Inácio's user avatar
1 voto
1 resposta
425 visitas

Problemas em responsividade do bootstrap em inputs, labels e selects

Estou com problemas de resolver um simples problema de responsividade utilizando o bootstrap 4. Meu desejo é quando redimensionar para celuar, os inputs, selects e labels estejam sobrepostos e ...
Arthur Abitante's user avatar
1 voto
1 resposta
134 visitas

pop-up com box em imagem utilizando jquery

Estou tentando fazer um pop-up, porém está dando erro fadeIn is not a function at HTMLAnchorElement, pois utilizo esse jquery via cdn por causa do bootstrap: src="https://code.jquery.com/jquery-3.3....
Lucas Inácio's user avatar
-1 votos
1 resposta
37 visitas

Bug bootstrap com Angular

Estou com este problema no meu projeto, adicionei o bootstrap 4.3.1 normalmente no projeto com angular, porém ao tentar dividir as colunas como o código abaixo essa margem aparece impossibilitando que ...
Trimander's user avatar
0 votos
1 resposta
771 visitas

Abas em modal bootstrap

Pessoal possuo um modal em bootstrap e gostaria de colocar abas nesse código, porém, há algo de errado e a janela mostrada fica sem a forma desejada. Segue o código: <link rel="stylesheet" ...
Carlos's user avatar
  • 453
1 voto
1 resposta
435 visitas

div não fica centralizada no mobile

Possuo o seguinte modal e dentro dele basicamente existe uma imagem na área superior esquerda e um texto na lateral direita da imagem e por fim um formulário. Está tudo funcionando perfeitamente bem, ...
Lucas Inácio's user avatar
1 voto
1 resposta
119 visitas

Como fazer uma navbar com duas logomarcas?

Estou precisando fazer uma navbar que recebe duas brands, uma ao lado da outra <nav class="navbar navbar-light navbar-expand-lg"> <div class="col-md-3 navbar-nav"> <a class=...
Adriano Luz's user avatar
  • 1.017
1 voto
2 respostas
372 visitas

Passar valor de variáveis javascript dentro do Bootstrap Popover

Tenho um popover que mostra informações e gostaria de saber como faço pra passar valores de variáveis contidas em javascript para o data-content dentro desse popover? Segue meu código: var ...
Carlos's user avatar
  • 453
1 voto
1 resposta
115 visitas

Colunas não alinham dentro do row

Estou tentando alinhar uma grid da seguinte forma: 3 colunas x N linhas <div class="row" style="margin-top: 150px;"> @forelse($models as $model) <div class="col-md-4" style="margin-...
Leonardo Theodoro's user avatar
1 voto
2 respostas
6mil visitas

Colocar navbar na direita

Como fazer para que o navbar fique na direita. Precisa ser esse modelo, pois já tem a logo, tem o menu e quando aberto em celular já aparece o menu mobile. <nav class="navbar navbar-expand-lg ...
Tiago's user avatar
  • 2.387
1 voto
1 resposta
643 visitas

Dropdown em menu vertical com bootstrap 4

Preciso fazer um menu vertical seguindo esse layout porem estou com dificuldades de fazer o menu abrir um dropdown estou usando bootstrap 4 segue meu código + a imagem do layout de como deve ficar. ...
Felipe Henrique's user avatar
1 voto
1 resposta
561 visitas

Bootstrap menu collapse por cima do texto [fechada]

Estou criando um site que, quando acessado pelo celular, seu menu horizontal é comprimido (collapse), conforme mostrado na imagem abaixo: No entanto, depois que clico no símbolo do menu, as opções ...
Pedro Schimmelpfeng's user avatar
0 votos
1 resposta
3mil visitas

Datetimepicker só funciona no Bootstrap 3

Quando clicar, basta abrir este pop-up. IMG1 Ao clicar no pop-up, ele desliza para cima e não mostra o calendário. IMG2 Quando altero o boostrap para a versão 3.x.x, ele funciona corretamente. Mas ...
Felipe Fernandes's user avatar
2 votos
1 resposta
884 visitas

CSS sticky position não funciona com Bootstrap class=row

Salve, salve. Estou com problemas para fixar um menu num website. Quando o conteúdo da página tem uma DIV com class bootstarp ROW, esta DIV sobrescreve o menu na hora da rolagem. HTML: <html> ...
Walter Robynson's user avatar
1 voto
1 resposta
150 visitas

Mostrar datas específicas que estão no Banco de dados no Bootstrap datapicker

Preciso que o datapicker carregue datas específicas dinamicamente, que estão salvas no banco de dados, consegui fazer com que ele carregue manualmente, porém são diversas datas e podem variar conforme ...
Pedro Paulo's user avatar
2 votos
2 respostas
321 visitas

Colocar o input no final do container com Bootstrap

Boa noite, estou tentando colocar esse input no final desse container com bootstrap, mas não consigo de jeito nenhum. Eu preciso que esse input de search fique no final dessa row. <!DOCTYPE ...
Julio's user avatar
  • 21
1 voto
1 resposta
970 visitas

Tabela HTML Complexa com bootstrap

Como fazer tabelas mais complexas em html e utilizar o bootstrap? pesquisei pela web a fora, mas não consegui compreender muito bem. como eu posso criar essa tabela em HTML, e usar bootstrap. Alguém ...
Rafael Passos's user avatar
1 voto
1 resposta
4mil visitas

Bootstrap 4 MultiLevel Dropdown

Qual a maneira mais fácil de colocar um dropdown de vários níveis na minha navbar feita com Bootstrap 4? Tentei com alguns métodos na internet, mas todos usam por ul, já a minha navbar usa div's. ...
Hudson Medeiros's user avatar
-2 votos
1 resposta
255 visitas

HTML BACKGROUND IMAGE [fechada]

Bom dia meu site está quase do jeito que eu gostaria, só tenho um problema com imagem. A imagem está dessa forma cortando o teclado e o ombro e eu gostaria que ficasse assim : Link download imagem ...
Ruan Ferreira's user avatar
1 voto
1 resposta
625 visitas

Como usar o collapse no bootstrap?

<html lang="pt-br"> <body> <?php include_once 'header.php'; ?> <?php if(!isset($_SESSION["email"]) || !isset($_SESSION["senha"])){ header("Location: ...
Cleber's user avatar
  • 45
3 votos
1 resposta
534 visitas

Como deixar colunas bootstrap embaixo da outra coladinhas

<style> #a1 { background-color:#05466f; height:120px; } #a2 { } #a3 { height:303px; background-color:red; margin-top:57px; } #a4 { width:100%; height:51px; ...
Deny Programador PHP's user avatar
0 votos
0 respostas
178 visitas

Erro ao abrir video via modal

Estou tentando abrir um video usando modal, mas sem sucesso. Peço ajuda nesse erro e solução. Tento fazer assim: Quando o mouse passar sobre o botão, o JS, já coloca a URL dentro do iframe, e quando ...
Tiago's user avatar
  • 2.387
0 votos
2 respostas
140 visitas

Botão grande com Imagem

Bom dia, Sou novo em HTML e CSS e desejo fazer um site similar a esse Site Similar. Meu site está dessa forma . Eu gostaria que os modais Infraestrutura, Segurança, Sistemas e Telefonia fossem ...
Ruan Ferreira's user avatar
-1 votos
1 resposta
360 visitas

Como manter a linha de uma table bootstrap com aparência de ativa [fechada]

gostaria de saber como manter uma linha como ativa da tabela por default, sem passar o mouse, no caso ela seria para ser selecionada uma de 4 opções disponíveis em cada linha. Ex: No caso deixar essa ...
Thales Henrique's user avatar
1 voto
1 resposta
212 visitas

Efeito com hover em dois elementos

Estou tentando fazer um efeito que, ao passar o mouse em algum tópico, os outros diminuem a opacidade, destacando o tópico no qual o mouse está. Além disso, o hover troca a cor de um cinza para um ...
user avatar
1 voto
1 resposta
85 visitas

Dividir um botão para alterar o background de parte dele

Eu gostaria de fazer igual neste botão no caos, dividir para utilizar o 4 com o background cinza e o restante no branco comum, Obs. estou utilziando o botão do Bootstrap 4.
Thales Henrique's user avatar
1 voto
2 respostas
413 visitas

Alinhar button dentro de alert

To precisando deixa um button alinhando dentro do elemento "alert" do boostrap. Tentei fazer isso com a classe "pull-right", porém metade do button fica fora do elemento. Alguem consegue me ajudar? ...
Hudson Medeiros's user avatar
1 voto
1 resposta
704 visitas

Forms diferentes na mesma linha

To com dois form no meu código, e o HTML deu uma quebra de linha entre os dois. Gostaria que ambos fossem impressos um do lado do outro, para economizar espaço na tela. Gostaria de saber como fazer ...
Hudson Medeiros's user avatar
1 voto
2 respostas
233 visitas

Como recuar um label em relação a um Checkbox

Desculpem a simplicidade do problema, mas não sei como fazer isso corretamente... Preciso alinhar o segundo label conforme a imagem abaixo onde indiquei de vermelho. Ele precisa ser recuado e ficar ...
Master JR's user avatar
  • 1.849
0 votos
1 resposta
80 visitas

O texto não acompanha responsividade [fechada]

Poderiam explicar pq o texto no centro da imagem não acompanha a responsividade? O que devo corrigir? <body> <div class="inicio"> <nav class="navbar navbar-expand-lg ...
Thiago Pernomian's user avatar
1 voto
2 respostas
682 visitas

Página de noticias | Imagem e texo ao lado

Boa tarde Estou a construir uma pagina de noticias mas estou com o problema de não conseguir adicionar texto ao lado da imagem e não estou a conseguir o porquê. Estou a utilizar bootstrap 4 e neste ...
user avatar
0 votos
1 resposta
57 visitas

Porque as bolas azuis não ficam posicionada ao centro da coluna? [fechada]

Estou a criar uma página com um Grid Bootstrap e coloquei quatro bolas azuis numa das colunas... O problema é que não consigo colocar as bolas azuis no centro da coluna (elas ficam sempre posicionadas ...
Meireles's user avatar
-1 votos
1 resposta
720 visitas

Validação de Pagamento em Javascript

Boa tarde! Estou desenvolvendo uma página de pagamento online num projeto de agência de viagem e gostaria de colocar uma validação pra saber se a pessoa colocou as informações certas. Porém fiz o ...
RayanneRamos's user avatar
1 voto
2 respostas
830 visitas

Imagem de fundo do navbar Bootstrap não repetir no menu estendido no responsivo

Estou com um problema na versão responsiva do navbar. Coloquei uma imagem de fundo conforme abaixo: Para isso, fiz dessa forma: .navbar{ padding: 1.3rem 1rem; background: url('../imagens/...
user avatar
3 votos
1 resposta
1mil visitas

Imagem sobrepor div navbar do Bootstrap

Estou precisando colocar a logomarca de uma empresa sobre a div navbar do Bootstrap, fazendo com que a metade fique sobre essa div e a outra metade fora (parte cinza) e que acompanhe o topo quando o ...
user avatar
-1 votos
1 resposta
99 visitas

Existe alguma forma de "desmembrar" um elemento filho de um elemento pai? [fechada]

Eu tenho a seguinte situação na versão destkop de um template: <div class="bloco-pai"> ... <div class="bloco-filho"> </div> Quando o template fosse visualizado no mobile ...
Adriano Luz's user avatar
  • 1.017
-1 votos
2 respostas
1mil visitas

Como posso alinhar o segundo card para a direita?

Quero alinhar o segundo card (estou usando o Bootstrap) na direita, como posso fazer isto? <div class="col-lg-6"> <div class="card card-certificado" ...
user avatar