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.
260
perguntas sem resposta aceita nem com voto a favor
4
votos
2respostas
692 visitas
Modal bootstrap não aparece ao clicar em botão
<!DOCTYPE html>
<html lang="pt-pt">
<head>
<link rel="stylesheet" type="text/css" href="./DataTables/DataTables-1.10.16/css/bootstrap.min.css"/>
<link ...
4
votos
2respostas
696 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 ...
4
votos
3respostas
529 visitas
Como definir uma coluna com tamanho ajustavél dentro do container
<div class="container" style="background: yellow;">
<div class="row">
<div class="col-md-8 col-md-offset-2" >
<div class="panel panel-primary">
...
4
votos
2respostas
12mil visitas
Usar Bootstrap para Multiselect Dropdown com Checkbox
Achei neste site: (http://www.webslesson.info/2017/05/bootstrap-multi-select-dropdown-with-checkboxes-using-jquery-in-php.html) um código que ele utiliza o Bootstrap pra auxiliar na criação de uma ...
3
votos
1resposta
151 visitas
Palavras randomicas
Como eu faço para sortear coordenadas de posições de palavras sobre uma imagem utilizando o slider carousel do Bootstrap?
Poderia colocar adjetivos a imagem e elas virem aleatoriamente em posições ...
2
votos
1resposta
156 visitas
Como fazer o menu toggle fechar ao clicar e me levar ao início da seção corretamente?
Quando adiciono o código abaixo, o menu até fecha quando clico, mas isso não me leva ao ponto inicial da section. Isso me leva alguns pixels para baixo, ao contrário do que acontece no meu código ...
2
votos
2respostas
5mil 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/...
2
votos
1resposta
612 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.
...
2
votos
1resposta
272 visitas
Bootstrap dividir as células com mesmo espaçamento
Boa noite, estou tentando fazer uma table em bootstrap com 7 colunas, porem preciso que elas tenham o mesmo espaçamento.. estou utilizando porque com a estrutura dos col-md, sm, xl... não deu por 7 ...
2
votos
1resposta
139 visitas
2 cliques para abrir o popover novamente
Estou criando um popopver no qual inseri nele um botão de fechar. Como mostra abaixo na imagem:
HTML:
<div class="dropdown" style="float: right;">
<button type="button" class="btn btn-...
2
votos
0respostas
249 visitas
Como usar scroll apenas na Table que fica dentro de uma modal?
Tenho uma tela que possui scroll, e nesta tela acesso uma modal de pesquisa. Esta modal carrega algumas informações em tabela, então utilizo as teclas de atalho para facilitar a navegação do mesmo.
O ...
2
votos
3respostas
4mil 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% !...
2
votos
2respostas
1mil visitas
Menu não desaparece ao ser clicado em site responsivo bootstrap
Estou tentando fazer com que o menu responsivo para celular em um site em bootstrap desapareça por completo ao dar um clique nos links dele. O site é one page e os links funcionam através de Âncoras. ...
2
votos
0respostas
31 visitas
Cycle2 Carousel e Bootstrap bug
Eu fiz um plunker para a galera poder visualizar o problema...
Setando a col-xs-12 e col-md-3 (usando a capacidade de auto-width do Bootstrap 3) ele destrói com o cycle2 fazendo com que o tamanho dos ...
2
votos
0respostas
2mil visitas
Intel XDK project + Bootstrap framework + listview sem scroll
Eu estou desenvolvendo um app no Intel XDK (versão 1995) onde o layout é basicamente um footer com um grouped button dentro dele. O framework escolhido é o Boostrap. Abaixo a imagem do app rodando no ...
1
voto
0respostas
32 visitas
Como fazer os itens dentro do site se tornarem responsivos?
Estou criando um forms com label dentro de uma view e gostaria que quando desse zoom ou fosse para small devices o conteúdo não se deformasse. Como fazer isso?
<head>
<link rel="...
1
voto
1resposta
60 visitas
Problemas em usar Card-img-overlay com card-columns
Estou usando o Bootstrap 4.4 para criar uma coluna de cards:
<!DOCTYPE html>
<html>
<head>
<title>Problemas em usar Card-img-overlay com card-columns</title&...
1
voto
0respostas
357 visitas
Erro ao instalar o npm
Uso o Linux Mint 19, há algum tempo, instalei o npm, o nodejs, bootstrap, assim como o Jquery, o Popper.js, etc. Porém, decidi apagar a pasta em que tinha instalado tais arquivos, para começar de novo....
1
voto
1resposta
77 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 ...
1
voto
1resposta
38 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 ...
1
voto
1resposta
106 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 ...
1
voto
0respostas
70 visitas
Por que classe Bootstrap não aplica efeito em elementos Clonados?
Estou com um problema onde tenho uma DIV de produtos e no select do nome do produto, tenho um selectpicker onde consigo pesquisar o nome do produto dentre todos existentes. Mas quando o usuário ...
1
voto
0respostas
53 visitas
Como abrir a mesma janela Modal Bootstrap (em cascata) várias vezes com conteúdos diferentes?
Sou leigo em programação web e estou trabalhando com janelas modals bootstrap em um projeto Asp.net MVC. Venho do mundo Desktop e confesso que estou tendo dificuldades com a implementação de telas ...
1
voto
1resposta
111 visitas
Github não sobe meu site corretamente com Bootstrap 4
Boa noite pessoal, estou tentando subir meu site no GITHUB que estou elaborando para estudos, porém não está funcionando corretamente parece que as configurações do Bootstrap e CSS não funcionam ...
1
voto
0respostas
65 visitas
WYSIHTML5 - Text area não está sendo populado pela API
Tenho um modal para edição de dados com uma text area que é populado por resposta da API. Funciona perfeitamente - sem o WYSIHTML5. Quando o ativo, a textarea não exibe a resposta da API. Já tentei ...
1
voto
0respostas
52 visitas
Scrollspy não funciona
Scrollspy não está funcionando, gostaria que mudasse a classe de cada item do navbar quando o usuário passasse por uma section específica, fiz todas as importações recomendadas na documentação e ele ...
1
voto
0respostas
44 visitas
datepicker is not a function em typescript
Quero implementar o datepicker em um projeto com typescript.
Tentei usar inicialmente instalar o datepicker pelo npm mas não consegui...então estou tentando da forma padrão mesmo.
Inicialmente ...
1
voto
0respostas
212 visitas
Retornando View de erro após chamar uma pop up Modal
Olá, estou com um problema com o front end da minha aplicação.
Eu tenho o seguinte método para retornar erros:
public class ErrorController : Controller
{
//Erro 500 Servidor
...
1
voto
1resposta
367 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
0respostas
50 visitas
Determinar largura de coluna do Bootstrap quando detectar overflow na div
Atualmente a distribuição das colunas do Boostrap está fixa no tamanho 2, exemplo: col-lg-2, porém dentro dessa coluna há uma <ul> com vários <li>, e quando ocorre o overflow a <ul> ...
1
voto
0respostas
181 visitas
DateTimePicker contabilizar e marcar os próximos dias úteis
Bom dia!
Estou com um grande problema, utilizo o Bootstrap DateTimePicker para incluir um calendário logo acima de um cronômetro em uma página html, porém agora, foi solicitado que neste calendário, ...
1
voto
0respostas
74 visitas
Como inserir SVG dinamicamente?
Possuo diversos SVG's e necessito inserir eles dinamicamente no HTML5 e com responsividade... Como faço esta façanha? Lembrando em que terei que manipular cada id do svg da imagem.
OBS: O SVG SERÁ ...
1
voto
0respostas
26 visitas
Abrir janela de exclusão e envio de dados para outra página com Javascript
Tentei fazer da seguinte forma, porém, tenho vários registros dentro de um laço de repetição, o valor do id que consigo pegar é último da lista. Como faço pra pegar o valor do registro individualmente....
1
voto
0respostas
165 visitas
Número de páginas em página php
Tenho uma página em PHP onde fiz a paginação que está funcionando perfeitamente, porém notei que a tela está ficando cheia de links com a numeração das páginas.
Atualmente apresento somente 3 ...
1
voto
1resposta
378 visitas
Alinhando objetos na tela usando bootstrap
Tenho esse código que achei na internet que funciona como uma dashboard, mas não consigo alinhar os objetos da forma que eu gostaria
The code:
<div class="row">
<div class="col-xs-...
1
voto
2respostas
797 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 ...
1
voto
1resposta
404 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() {
$('....
1
voto
1resposta
207 visitas
elemento sobrepondo content e footer
Amigos, boa noite. Eu estou enfrentando um problema sério, não sei mais o que eu faço.
O problema é o seguinte: (estou usando o template AdminLTE), quando eu carrego conteúdos em uma determinada div ...
1
voto
0respostas
388 visitas
Como destruir o modal do Boostrap v4?
Estou com um problema no modal do boostrap, que é o seguinte:
O modal é aberto clicando em um botão, assim que o modal é fechado o
console mostra que ele abriu uma vez. Se eu clicar novamente no ...
1
voto
0respostas
36 visitas
Problema com um modal button
Bom estou com um problema eu fiz um modal button, mas só está abrindo a primeira foto, a do cliente 1, as outras 3 ( cliente 2 3 4) não acontece nada qnd clica ..
.nav.nav-justified > li > ...
1
voto
0respostas
461 visitas
Bootstrap Alert na validação de campos
O formulário contém uma validação para campos em branco com um alert do Twitter-Bootstrap no evento "on.click" do jQuery, quando clico no botão pela primeira vez no botão "Cadastrar" o alert é exibido,...
1
voto
0respostas
169 visitas
Alternar abas do navbar do Bootstrap com clique de botão interno
Como troco de uma aba da navbar para a outra clicando em um botão dentro de uma das abas. Exemplo:
Estou na aba capacidade de carga, em seu conteúdo existe um botão que quando clicado deverá alternar ...
1
voto
0respostas
305 visitas
Bootstrap não está sendo renderizado pela _Layout
Tenho essa pagina layout. Esse layout já veio, não fui eu quem fiz. Só não entendi porque ele foi criado se optei por um projeto MVC Empty(Vazio), mas isso não está me incomodando.
<!DOCTYPE ...
1
voto
2respostas
500 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
voto
0respostas
24 visitas
Wizard progress bar funciona apenas após atualizar a página
Ao integrar o wizard twitter bootstrap a minha aplicação, percebi que o progress bar funciona apenas quando atualizo a pagina.
Vi em alguns lugares que isso pode ser causado pelo turbolinks porém não ...
1
voto
1resposta
51 visitas
Porque não consigo fazer o grid system na minha página php?
Estou a começar um projeto para a universidade e não consigo fazer o grid system na tag do main content. Estou a tentar a bastante tempo!
Eu não consigo implementar o grid!
Este é o meu código..
`
&...
1
voto
0respostas
28 visitas
O Bootstrap tem código legado caso eu atualize a versão no meu projeto?
Eu posso atualizar o meu projeto que está utilizando Bootstrap versão 3.3 para o Bootstrap versão 4.0 atual? Existe um código legado que me assegure que não terei GRANDES problemas?
1
voto
1resposta
153 visitas
Posicionamento correto de imagem e texto
Estou utilizando o bootstrap 3.3.7 e estou com uma dúvida de como posicionar de forma correta uma imagem e um texto ao lado dela.
A imagem precisa estar "colada" no navegador e o texto ao lado dela ...
1
voto
0respostas
66 visitas
Centralizar TextBoxFor com ícone em coluna
Estou tentando criar um formulário de login centralizado, porém com o código abaixo o input text fica alinhado à esquerda e o ícone à direita:
<div class="form-group">
<div class="row">
...
1
voto
0respostas
47 visitas
Como fazer o Bootstrap funcionar nas opções do Tema – ADMIN
Não consigo fazer o Bootstrap trabalhar nas opções da API de Configurações no meu tema WordPress.
Eu adicionei na action admin_enqueue_scripts juntamente com outros JS e CSS
Wp_register_style ('...