Perguntas com a tag [bootstrap-4]
4ª edição do framework Bootstrap. Utilize esta tag em questões relacionadas exclusivamente à esta versão.
328
perguntas
-3
votos
0respostas
59 visitas
Classe collapse do Bootstrap sem funcionar [fechada]
Não sei o que tem de errado no código, mas não funciona...
Podem me ajudar?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-...
0
votos
0respostas
17 visitas
Html ou Body não esta sendo responsivo [fechada]
Essa é a primeira vez que escrevo uma pergunta, deve esta uma bagunça e me desculpe por isso!
Deixei o link do site abrindo ele em mobile, pode ver meu problema com a linha branca ao lado direto... ...
1
voto
1resposta
29 visitas
Ao minimizar tela grid Bootstrap não quebra para uma nova linha
Bom dia, pessoal!
estou com dificuldade de quando o usuario minimizar a tela, os campos antes de sobrepor dentro da grid,
quebrar em uma nova linha....
ps: esse espacamento entre os campos é pra ter ...
0
votos
0respostas
24 visitas
Menu hamburguer não funciona no Bootstrap 4 [duplicada]
Venho desenvolvendo templates para o meu index principal de minha aplicação web...
Porém o menu hamburguer não funciona de jeito nenhum....
Mesmo utilizando o código de exemplo(navbar) que já vem na ...
2
votos
2respostas
41 visitas
Como adicionar hover em ícones próprios do Bootstrap
Gostaria de saber como posso fazer para adicionar hover aos ícones do Bootstrap.
Até o momento meu código está assim:
<svg xmlns="http://www.w3.org/2000/svg" width="32" height=&...
0
votos
0respostas
8 visitas
Carousel bootstrap não funciona data-touch
Utilizei o carousel do bootstrap, para exibir as imagens de uma lista de produtos. Utilizo angularjs para recuperar a lista do banco de dados. Faço uso do ng-repeat para montar a página com os dados ...
0
votos
1resposta
29 visitas
Como fazer uma div ocupar a tela inteira, sobrepondo o elemento pai?
Eae galera blz. Estou precisando de uma ajuda com o seguinte efeito. Eu tenho um button que ao clicar ele abre uma lista. Porém eu quero que essa lista ocupe toda a tela. Só que ai que tem o problema, ...
0
votos
0respostas
12 visitas
Empilhar objectos como um selector de itens múltiplos com html e css
Tenho uma lista de palavras que quero empilhar em colunas a fim de guardar e utilizar o lugar esquerdo num ficheiro html para um projecto Django:
Não sou muito bom em desenvolvimento web, sinta-se à ...
0
votos
1resposta
20 visitas
Como colocar um botão que está no form e na mesma linha em uma coluna de tabela?
Meu problema é o seguinte:
Estou usando bootstrap4 e gostaria de colocar os três botões na mesma linha.
como procedo?
<td class="col-4">
<a href="/FAQCategory/{{ $...
0
votos
0respostas
17 visitas
Como modificar a seleção de Estados usando STATE_CHOICES no django
tenho um SearchModelForm no meu arquivo forms.py no django com o seguinte código:
from localflavor.br.br_states import STATE_CHOICES
class SearchModelForm(forms.Form):
name = forms.CharField(...
0
votos
1resposta
31 visitas
Auto Close Alert após consulta no Banco de Dados
estou tentando fechar um alerta automaticamente após o usuário realizar cadastro/login.
O alerta está funcionando numa boa, assim que a consulta no Banco de Dados é realizada o alerta aparece na tela.
...
1
voto
1resposta
24 visitas
Aninhamento (nesting) é uma funcionalidade especifica do SASS?
Acabei de terminar um curso de Bootstrap e fiquei com uma dúvida: o aninhamento (nesting) é uma funcionalidade específica do SASS? Pelo o que eu entendi aqui, sim.
Digo isso, porque ao usar Media ...
0
votos
1resposta
29 visitas
Como colocar uma modal bootstrap pequena sobre outra modal maior com o esmaecer funcionando corretamente nos dois fundos?
Tenho duas modal bootstrap , a primeira uma modal-xl, a segunda uma modal-sm que é menor , elas abrem normalmente .
Porém a primeira da o efeito de esmaecer certinho, já quando abro a segunda a modal ...
1
voto
2respostas
27 visitas
Input em Bootstrap 4 não ocupa a largura toda [fechada]
<title>Calculadora de Juros compostos</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="...
0
votos
1resposta
52 visitas
Como abrir ou fechar todos os itens de um Accordion
Tenho um Accordion com 3 itens e na parte superior dois botões, um onde eu queria abrir todos os itens de uma vez e outro para fechar todos os itens de uma vez, alguem sabe me dizer como fazer isso?
&...
2
votos
1resposta
25 visitas
Tem como redimensionar o tamanho da propriedade background-color?
Eu criei um <h4>dentro de uma div da seguinte forma
<div class="col-sm-12 divQuatro fundotransparente">
<div class="container">
<div ...
0
votos
1resposta
29 visitas
Editar ações de botões do modal de forma programatica
Estou criando um botão de forma programatica que assim que clicado, ira chamar um modal, porém, gostaria que assim que apertassem o botão de dentro do modal, a pagina reiniciasse e fechasse esse modal....
0
votos
1resposta
18 visitas
Label html quebra texto - ajuste com Bootstrap
Quando abro minha página no desktop fica assim:
Quando no celular, fica desta maneira:
Meu código está assim:
<div class="form-group">
<label for="qtdpessoas" ...
0
votos
2respostas
26 visitas
Abrir Modal com Delay e Depois de Fechado não Abrir Mais
Estou tentando criar um modal bootstrap como tela de saudação de uma página. A parte dele abrir com delay eu consegui fazer sem problemas, mas preciso que quando o usuário fechar ele, ele não volte a ...
-1
votos
1resposta
31 visitas
Usar show e hide com bootstrap [fechada]
Quero exibir uma sequência de forms com o show e hide do jquery num site estilizado com bootstrap o código usado foi esse e n aparentar ter erros, pois ele funciona por meio segundo e volta ao q tava
...
0
votos
1resposta
82 visitas
Abrir modal bootstrap e pedir confirmação da senha, caso a senha estiver certa, chamar outro modal
Estou pedindo a confirmação de uma senha para o usuário, caso a senha esteja certa, chamar outro modal com outras opções, caso errada, exibir que a senha está errada.
Creio que não estou sabendo ...
-1
votos
1resposta
197 visitas
Incluir Loading em Botão - Bootstrap v4 - JSP
Olá, estou tentando alterar um botão onde, quando for clicado. Seu conteúdo seja alterado para mostrar um "loading" e apos o carregamento da pagina o botão volte ao estado anterior. Já ...
-1
votos
1resposta
32 visitas
Como fazer uma paginação que mostre somente Anterior - 6 registros - Proximo por página?
<div id="paginadorMocado">
<nav aria-label="Page navigation example">
<ul class="pagination" id="paginacao">
<!--
<li class="...
0
votos
0respostas
12 visitas
Popover não funciona na navbar da MasterPage
Estou tentando apresentar as informações do usuário logado na pagina através da solução popover(). O código funciona/popover abre quando executo em uma página aspx teste, mas não funciona quando ...
-1
votos
1resposta
36 visitas
Retornar consulta com PDO para cartão Bootstrap
Bom dia à todos,
Estava utilizando consulta com o mysqli e retornando para card em bootstrap, segue trecho do código.
<?php
require_once("conectar.php");
$comando = "SELECT * ...
1
voto
0respostas
137 visitas
Utilizar muito ul/li na nav do bootstrap ou utilizar links e estilizar no css?
Estou recriando um menu com bootstrap 4.5 para melhor aprendizado e fiquei com uma dúvida.
Eu tenho a seguinte nav de exemplo.
A proposta é recriar esse menu de maneira responsiva com componentes do ...
0
votos
1resposta
590 visitas
CSS - Retirar foco do botão ao clicar [duplicada]
Estou tentando tirar a borda azul que aparece no botão ao clicar, porém insiste em ficar, o que está faltando?
Obs: Estou usando o Bootstrap 4
Quero que não tenha foco ou estilo nas bordas do botão ...
-3
votos
2respostas
53 visitas
Como esconder Divs apartir do evento onClick no input
esou com uma dúvida daquelas. Estou refazendo uma páginade um site médico onde tem um glosario de busca doenças pela letra index,A,B,C,D,E............
Na pagina, havia um espaço para os botoes de ...
-3
votos
1resposta
27 visitas
onmouseover em menu dropleft
Olá, sou novo na área de programação e minha dúvida pode parecer um pouco boba para quem temmais experiência, mas não estou conseguindo fazer o efeito mouseover funcionar no menu dropleft (bootstrap).
...
-1
votos
1resposta
75 visitas
Navbar responsivo do bootstrap não abre
Estou tentando cirar um menu responsivo mas, quando está na visualização para dispositivos pequenos, o botão aparece mas ao clicar não abre os links:
<!DOCTYPE html>
<html lang="pt-br">
&...
0
votos
1resposta
21 visitas
Setar valor no textarea (TinyMCE) ao clicar na linha da table
Fala galera, estou precisando de uma ajudinha aqui...
estou usando o plugin TinyMCE num elemento textarea da minha aplicação Node.JS, queria saber como faço para setar um texto neste elemento, este ...
-2
votos
1resposta
51 visitas
menu dropdown bootstrap não abre!
Pagina com bootstrap
<nav class="navbar navbar-expand-lg navbar-light" aria-haspopup="true" aria-expanded="false">
<a class="navbar-brand" href="#">
<img src="...
0
votos
0respostas
44 visitas
Erro bootstrap video embed no modal
Estou tendo dificuldades para incorporar vídeo do meu site no modal, coloquei um do youtube e deu certo mas quando tento por os meus em mp4 da erro.
Sei que o erro está aqui
<div class="...
0
votos
1resposta
60 visitas
O float-right do bootstrap4 não funciona e o <nav> não estiliza [fechada]
Há algo que estou tentando arrumar já faz 5 horas e não consigo compreender o porque o "float-rigth" não funciona e nem mesmo o input. Na verdade minha tag <nav> não quer estilizar.
...
-1
votos
1resposta
59 visitas
BOOTSTRAP card não se move
pessoal estou tentando adicionar col-12 no card abaixo que esta na section de descontos,mas ele não funciona de modo algum,caso eu adicione outro card e bote ambos em col-6 apenas o primeiro card se ...
1
voto
1resposta
116 visitas
Usar bootstrap com sass de forma semântica e seletiva
Quando se fala em Sass e Bootstrap a recomendação/vantagem que mais se encontra por ai é, "importe apenas o que você vai usar, assim seu css final será menor e conterá apenas as partes do bootstrap ...
-1
votos
3respostas
149 visitas
Alterar fundo de botão Bootstrap 4
Qual seria a forma correta, de alterar o fundo de um botão no bootstrap 4, para uma cor personalizada:
<button class="btn btn-primary btn-lg">Buscar</button>
para
<button class="btn ...
1
voto
2respostas
77 visitas
Adicionar uma ação a um <select>
Tenho o seguinte botão "tipo" que esta na imagem, quando clico nele abre um dropdonw, quando clico em um item no dropdonw abre um colapser com mais opções.
Eu preciso que quando selecione a opção no ...
-1
votos
1resposta
36 visitas
Sobreposição da área clicável de um botão no conteúdo da página
Talvez alguém possa me ajudar.
O problema é que a área clicável do botão verde está sobrepondo os links das redes sociais de forma que o usuário não consegue clicar nestes.
Código:
<div class="...
0
votos
1resposta
25 visitas
Load utilizando Target
Estou tentando realizar refresh somente em parte do conteúdo, sendo assim, quero utilizar o Jquery com método Load. Porém gostaria que utilizar dentro do LI do código HTML o data-target="nome" e o ...
-1
votos
1resposta
33 visitas
Formulários bloqueados para edição
Boa tarde !
Amigos, criei layout para inserir materiais no estoque, sendo um item por linha. Caso a pessoa queira adicionais mais itens, clica no botão e uma nova div é inserida no HTMl. Segue código ...
0
votos
1resposta
30 visitas
Porque meu carousel bootstrap não está funcionando?
Porque meu carousel bootstrap não está funcionando ?
<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, ...
0
votos
1resposta
152 visitas
Imagem de fundo usando bootstrap [fechada]
estou com um problema simples, porém é a primeira vez que me deparo com tal. Usando o bootstrap numa página, não consegui colocar uma imagem de fundo. A página não reconhece o seguinte comando no meu ...
-2
votos
2respostas
247 visitas
Quiz que muda de seção dependendo da resposta
Estou desenvolvendo um quiz com javascript, que tem que funcionar da seguinte forma, tem a pergunta e feedback da resposta, mas depois vou para outra seção onde tem uma história e somente depois vem ...
1
voto
1resposta
266 visitas
Como usar esse Modal bootstrap de forma mais elegante?
Não sei se o titulo é adequado, mas vou explicar:
No exemplo abaixo tenho um modal de confirmação que pode ser chamado por vários botões e dependendo do botão clicado tomo uma atitude.
Estou usando ...
-3
votos
3respostas
42 visitas
Ao exibir o site no celular, o input com o submit desconfigura. Como resolver ? Estou utilizando bootstrap 4 [fechada]
Site Exibido no computador:
Site exibido no celular:
Segue cod:
<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="utf-8"/>
<meta content="width=...
1
voto
1resposta
43 visitas
Quebra de linha Bootstrap 4
Olá. Estou construindo uma Dashboard com Bootstrap 4 e me deparei com um problema bem incomodo: quando chego no breakpoint determinado para a linha quebrar (flex-sm-wrap), ela quebra normalmente, mas ...
0
votos
3respostas
191 visitas
Alinhar texto ao centro da imagem - Bootstrap
Estou usando Bootstrap 4 pro desenvolvimento do site. Pensei em começar incluindo a estrutura básica do grid juntamente da imagem e de um h1 (para testar o posicionamento).
Envolvi a imagem e o h1 em ...
0
votos
1resposta
112 visitas
Button responsivo dispositivo mobile
Como poderia fazer com esse button se ajeita quando e para dispositivo mobile?
Quando é para PC ele fica certo.
Este é o codigo.
<div id="carouselExampleControls" class="carousel slide" data-...
0
votos
1resposta
46 visitas
Modal perde o foco ao fechar ooutro modal
Bom dia Pessoal. Estou com uma situação aqui que não estou conseguindo resolver.
é o seguinte:
Tenho uma janela MOdal do Botstrap 4. A partir desta janela Modal eu pressiono um botão e abre uma ...