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
4 votos
2 respostas
836 visitas

Dúvida sobre carregamento de dados via Modal Bootstrap

Olá, amigos. Mais uma vez preciso da ajuda de vocês. Estou fazendo a migração do meu pequeno sistema para Bootstrap. Estou implementando janelas modal em diversas partes do sistema. Acredito que uma ...
0 votos
1 resposta
266 visitas

Como remover essa margem com bootstrap ? ja usei o m-0 mas não funciona

Como posso remover essa borda a direita na div das imagens e na div do container ? estou utilizando o bootstrap 4.6, ja tentei utilizar o m-0, porém aplica a todo conteudo, menos na margem da direita, ...
0 votos
1 resposta
1mil visitas

Navbar bootstrap collapse

Preciso de uma customização em uma navbar que é o seguinte: Primeiro, sem o collapse, aparecer dessa maneira (isso eu consegui e é bem tranquilo) Depois, quando tiver em telas menores, transformar ...
0 votos
1 resposta
718 visitas

Colocar a imagem para o lado direto da tela

Como posso fazer para colocar a imagem encostado no canto direito? Vejam: O código: HTML <section class="apresentacao"> <div class="container"> <div class="row"> ...
-1 votos
1 resposta
308 visitas

Angular: Como alterar o estilo do componente de paginação do ng-bootstrap [resolvida]

Estou utilizando um componente de paginação do ng-bootstrap (link: https://ng-bootstrap.github.io/#/components/pagination/examples). Ele inicialmente é deste modo: Paginação do ng-bootstrap. Mas ...
0 votos
2 respostas
323 visitas

Função load desabilita funções do JQuery .hide() e .show()

Aqui em baixo tenho esse dois formulários: <div id="menu"></div> <!-- Carrego minha Navbar --> <div class="container formularioCadastro" id="cadastro"> <div class="row"...
0 votos
1 resposta
1mil visitas

Alterar dimensão para ativar nav-toggle antes

Estou fazendo um site e estou usando bootstrap nele. Testei no celular e quando mostra o menu, o menu ainda está da mesma forma que no PC só com a fonte menor. Queria mostrar aquele botão de abrir o ...
0 votos
1 resposta
321 visitas

Sobreposição de divs sem usar propriedade position:absolute

Estou montando os seguinte layout e não encontrei nenhum meio de sobrepor as divs sem ter que utilizar a position: absolute. Não posso fazer uso dessa propriedade, pois isso é apenas um section no ...
0 votos
2 respostas
1mil visitas

Alterando funcionamento do Fullcalendar

Boa noite, estou alterando o funcionamento do template do Fullcalendar https://fullcalendar.io/js/fullcalendar-3.7.0/demos/agenda-views.html, para se adequar ao que eu preciso. Ao clicar no link, ...
-1 votos
3 respostas
1mil visitas

Como alinhar verticalmente e horizontalmente elemento dentro de uma row no Bootstrap?

Estou tendo um problema enorma para centralizar um texto embaixo de uma imagem no Bootstrap. Já tentei de tudo, com position, table-cell. .bloco-materia { text-align: center; padding: 25px ...
0 votos
2 respostas
652 visitas

Conflito: JQuery Validation + Bootstrap 3 Tooltip

Estou com um conflito entre o JQuery Validation e o Bootstrap Tooltip, de forma que quando envio o formulário vazio e o Validation entra em ação, e o Tooltip aparece com o focus no input, a cada vez ...
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() { $('....
0 votos
1 resposta
1mil visitas

Classe selectpicker Bootstrap, não reconhece inserção de <option> via jquery (.html())

Estou utilizando framework Bootstrap, e a classe Selectpicker para receber os dados da cidade conforme estado. O script funciona bem, retorna dados, porém ao invés de inserir <option> Cidade X &...
3 votos
3 respostas
5mil visitas

Div ultrapassando limite de largura do Modal

Como renderizar o seguinte conteúdo sem que ele ultrapasse a largura limite do modal? Exemplo atual da renderização: Código: <div class="modal fade" style="width: 100% !important; height: 100% !...
1 voto
1 resposta
292 visitas

Barra de progresso com AJAX no forEach - Javascript

Estou tentando utilizar uma barra de progresso do bootstrap 4, mas não consigo atualizar o progresso a cada requisição que faço dentro do laço forEach. A partir do arquivo JSON que recebo, cada objeto ...
3 votos
2 respostas
14mil visitas

Espaçamento entre imagens

Não estou conseguindo colocar espaço entre as imagens usando esta <div> <div class="col-xs-12">espaço entre as imagens</div> <link href="https://maxcdn.bootstrapcdn.com/...
-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 ...
0 votos
1 resposta
317 visitas

Container div height relativo ao tamanho da pagina?

Como deixar a altura(height) da div Container do bootstrap relativo ao dimensionamento da pagina? <div class="container"> <div class="row"> <div class="col"> its ...
0 votos
1 resposta
2mil visitas

Botão Toggle do Navbar não aparece

Estou fazendo uma barra de menu responsiva com Bootstrap 4, porém quando eu reduzo o tamanho, o botão Toggle para abrir o menu colapsado não aparece. Segue o código HTML e CSS: HTML: &...
0 votos
3 respostas
1mil visitas

Como chamar uma página modal em um navbar no bootstrap?

Estou desenvolvendo um site o qual eu preciso chamar um modal no submenu de um navbar do bootstrap, porém, o arquivo em php com a página que eu gostaria de chamar está em uma pasta diferente do ...
0 votos
1 resposta
346 visitas

Navbar embaixo de jumbotron?

Estou criando um layout e estou tentando colocar um navbar embaixo de um jumbotron mas nao estou conseguindo. Acontece que o jumbotron fica com um espaço no topo e o navbar fica com um espaço entre o ...
-1 votos
3 respostas
378 visitas

Evento slide.bs.carousel do carrossel não funciona

$('#carousel').on('slide.bs.carousel', function () { alert("SLIDE"); }) <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="...
0 votos
1 resposta
587 visitas

Checkbox com propriedade checked não me retorna nenhum valor

Eu tenho um código onde a pessoa deve selecionar uma modalidade da academia, por exemplo, o plano de artes marciais, a pessoa deve selecionar qual luta ela deseja. Então fiz o seguinte código: <...
0 votos
1 resposta
410 visitas

Como editar o simple_form para personalizar os campos

gostaria de saber como faço para editar os campos dos forms com o simple_form, editar tal com o bootstrap, eu li uns tutoriais mas não entendi bem como faço para editar, como usar o class: 'form-...
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. ...
-1 votos
2 respostas
4mil visitas

Fixar primeira coluna e cabeçalho de uma tabela HTML

Olá, Tenho este fiddle exemplificando exatamente como é a minha tabela: O que estou tentando fazer é, além de manter a primeira coluna fixa, como está exemplificado no fiddle, onde segui um exemplo ...
-1 votos
1 resposta
51 visitas

resetar valor variavel javascript ao fechar modal

Boa tarde desenvolvedores,adicionei uma funcionalidade em uma tela de adicionar abas,sempre que clicko no icone de mais ele adiciona uma aba na tela, quando click em um registro na tabela ele abre o ...
-1 votos
1 resposta
2mil visitas

Links diferentes em Bootstrap

Tenho um lightbox em bootstrap e gostaria de saber como faço para cada vez que clicar em um link do href ele abrir o conteudo que está em href="" de cada link? Abaixo meu código se alguém puder me ...
-1 votos
2 respostas
3mil visitas

Alterar a cor do link nav bootstrap 4

Tenho o menu abaixo: Porém gostaria de que a cor do link ficasse #3E4095 e o hover #FFFF00. Como posso alterar a cor no Bootstrap 4? <nav class="navbar navbar-expand-lg navbar-light"> &...
0 votos
1 resposta
549 visitas

Deixar o HTML.DropDownList() com o estilo do Bootstrap?

Tenho uma DropDownListna minha View e apesar de ter a classe form-control a lista não fica com o estilo do Bootstrap. Como posso editar a forma como o DropDownList constrói as listas? @Html....
-1 votos
2 respostas
350 visitas

Deixar submenu na largura do container

Como deixar o submenu (dropdown) dentro da largura do container? Onde tem a div com a classe: class="navbar-collapse collapse" coloquei (position: relative), deu certo porém o link do logo não ...
-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 ...
-2 votos
2 respostas
229 visitas

Fazer aparecer o MODAL do Boostrap

Boa tarde Pessoal Sou iniciante no desenvolvimento WEb e não estou conseguindo exibir o modal do boostrap no meu Projeto. O botão aparece normal, porém ao clicar nele, não exibe o modal. A minha ...
0 votos
1 resposta
2mil visitas

Como corrigir erros de dependência na instalação do ng-bootstrap em um projeto Angular

Estou com problemas para fazer a instalação da dependência @ng-bootstrap. Atualmente utilizo Debian e VScode. Ao executar o código: npm install --save @ng-bootstrap/ng-bootstrap o retorno é um erro de ...
4 votos
1 resposta
661 visitas

Passar um objeto para um modal Bootstrap

Preciso passar um objeto do banco de dados para um modal quando abro ele para mostrar as informações do objeto. É possível fazer isso? segue o cshtml da view em que o botão do modal é chamado, ele ...
-1 votos
1 resposta
357 visitas

Menu colapsado após seleção

Estou com dúvidas no menu colapse do bootstrap 4.1, quando o layout está em tela menor e colapsado, após selecionar uma opção ele não volta a colapsar, alguém sabe como fazer para resolver isso? ...
-1 votos
1 resposta
691 visitas

Como exibir um navbar a partir de determinada seção da página?

No projeto que estou fazendo, quando o viewport for menor que 767px ele exibirá um menu/navbar porém, ele só deverá ser exibido após determinada seção da página. Fiz um exemplo no Fiddle, lá está ...
3 votos
0 respostas
975 visitas

Como definir uma coluna com tamanho ajustavél dentro do container [fechada]

<div class="container" style="background: yellow;"> <div class="row"> <div class="col-md-8 col-md-offset-2" > <div class="panel panel-primary"> ...
-2 votos
1 resposta
358 visitas

Duplicar conteúdo e trocar o display none para block

O objetivo é que quando aperte em Unidades, seja trocado o display:none; do id mostrar-previa por display:block e o conteúdo oculto seja exibido. $(document).ready(function() { var ...
0 votos
1 resposta
758 visitas

Alinhando campos com inline-forms do bootstrap

Boa tarde! Não tenho muita experiência com frontend, mas vou ter que me virar pra terminar um projeto, por isso vou precisar de uma ajudinha. Minha dúvida é, tenho alguns forms na tela, e gostaria ...
1 voto
1 resposta
239 visitas

Navbar do Bootstrap com menu estourando

Estou tentando fazer um menu com vários níveis e os menus que ficam mais a direita estão estourando na tela do notebook. Alguém sabe o que eu posso fazer para que o menu se ele for estourar ele abra ...
2 votos
2 respostas
827 visitas

Bootstrap table filter não funciona

Há dias tento implementar o "Table Filter" do Boostrap, porém a filtragem não funciona. Alguém poderia me ajudar? Eis todo o código: <head> <meta charset="UTF-8" /> <title>...
2 votos
2 respostas
3mil visitas

Menu de Seleção de países [fechada]

Existe algum componente presente no Bootstrap 3.3.1 (Creio que não) que gere um select de todos os paises? ou algum plugin? pois atualmente estou usando uma lista com HTML puro que esta gigantesca, ...
0 votos
1 resposta
4mil visitas

Como impedir que o usuário feche uma página sem enviar o formulário, porém sem utilizar um dialog?

Tenho uma página HTML que possui um formulário. Preciso impedir que, após o usuário preencha esse formulário, ele clique em outro botão qualquer da página que não seja o "Salvar". Encontrei um script ...
-1 votos
1 resposta
872 visitas

Menu dropdown vertical - Bootstrap

Estou fazendo uma página onde tem um menu dropdown e cada item do menu altera o conteúdo da div à esquerda. Meu problema é que quando clicar neste menu e ele mostrar seu submenu, ele deve jogar a "...
3 votos
3 respostas
1mil visitas

Criação de botões com bootstrap

Preciso criar botões com o estilo bootstrap semelhante a imagem abaixo. Pode-se encontrar os botões: https://fontawesome.com/ Entretanto consigo chegar somente neste resultado: Utilizo o seguinte ...
1 voto
2 respostas
2mil visitas

bootstrap CSS não carrega quando a aplicação é publicada no IIS

Quando estou executando a aplicação no visual studio 2010 eu não tenho problema com o boostrap CSS e o javascript, porém, quando eu a publico no IIS, todo os javascripts e os css's não são ...
-1 votos
1 resposta
537 visitas

Erro no tab-content do bootstrap. Mostra elementos empilhados na alternância de abas

Boa tarde. Estamos desenvolvendo um site para um grupo de pesquisa do mestrado, sou bolsista, do curso de sistemas de informação, com pouca experiência em programação web, quem puder ajudar, por ...
-1 votos
1 resposta
1mil visitas

Como centralizar um form verticalmente e horizontalmente com responsividade utilizando o bootstrap?

Olá! Por favor,preciso de ajuda/orientação. Sou iniciante e estou criando um login com bootstrap e gostaria de centralizar verticalmente e horizontalmente esse form. <div class="container"> ...
7 votos
3 respostas
79mil visitas

Como centralizar todo conteudo de uma div - Bootstrap

Olá. Estou aprendendo a usar o bootstrap. Em meus estudos me surgiu uma duvida. Se há como centralizar todo conteudo de uma div. Tenho códigos de exemplo... <!DOCTYPE html> <html> <...

1
2 3 4 5
29