Perguntas com a marcação «twitter-bootstrap-3»

Fechadas. Esta pergunta precisa de detalhes de depuração . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela esteja no tópico do Stack Overflow. Fechado há 2 anos . Melhore esta pergunta Estou tentando usar o Bootstrap para criar uma interface para um …

172 jquery  html  css  twitter-bootstrap  twitter-bootstrap-3 

Eu tenho uma página de Bootstrap como esta: <div class="row"> <div class="col-md-6"> A </div> <div class="col-md-6"> B </div> </div> Parece: ----- |A|B| ----- Então, se eu olhar para ele em um dispositivo móvel, a coluna A está no topo, mas eu quero o B no topo. Isso é possível? Eu …

171 html  css  twitter-bootstrap-3 

Estou iniciando meu primeiro aplicativo Angular e minha configuração básica está concluída. Como posso adicionar o Bootstrap ao meu aplicativo? Se você pode dar um exemplo, seria uma grande ajuda.

170 angular  twitter-bootstrap  typescript  twitter-bootstrap-3 

Na documentação do Bootstrap 3, a mídia consulta : Usamos as seguintes consultas de mídia em nossos arquivos Menos para criar os principais pontos de interrupção em nosso sistema de grade. Dispositivos pequenos demais (telefones com menos de 768px): Nenhuma consulta de mídia, pois esse é o padrão no Bootstrap …

170 twitter-bootstrap  twitter-bootstrap-3  media-queries  breakpoints 

Em um acordeão Bootstrap, em vez de exigir um clique no a texto, quero fazê-lo colapsar ao clicar em qualquer lugar dopanel-heading div. Estou usando o Bootstrap 3. Então, em vez de acordeão, é apenas um painel desmontável. Alguma idéia de como fazer com que todo o painel seja clicável?

167 twitter-bootstrap  twitter-bootstrap-3 

Meu HTML tem uma classe chamada .required que é atribuída aos campos obrigatórios. Aqui está o HTML: <form action="/accounts/register/" method="post" role="form" class="form-horizontal"> <input type='hidden' name='csrfmiddlewaretoken' value='brGfMU16YyyG2QEcpLqhb3Zh8AvkYkJt' /> <div class="form-group required"> <label class="col-md-2 control-label">Username</label> <div class="col-md-4"> <input class="form-control" id="id_username" maxlength="30" name="username" placeholder="Username" required="required" title="" type="text" /> </div> </div> <div class="form-group required"><label …

166 css  forms  twitter-bootstrap-3  form-fields 

Agora estou lendo a documentação no Twitter Bootstrap 3 e tentei seguir a ordem das colunas, como mostrado nesta página, mas atingi a parede. Não entendo por que esse código funciona nem como especificar corretamente a configuração. O que eu quero mostrar é uma grade, que consiste no comprimento 5, …

159 css  twitter-bootstrap-3 

Estou tentando implementar guias empilhadas alinhadas à esquerda usando o plug-in Tab jquery no Bootstrap 3, onde as guias são renderizadas verticalmente à esquerda do conteúdo da guia, e não na parte superior. Quando tento o seguinte; <ul class="nav nav-tabs nav-stacked"> <li><a href="#tab1" data-toggle="tab">Tab 1</a></li> <li><a href="#tab2" data-toggle="tab">Tab 2</a></li> <li><a …

157 twitter-bootstrap  tabs  twitter-bootstrap-3 

Estou tentando usar o recurso Modal do Bootstrap 3 para mostrar meu vídeo do Youtube. Funciona, mas não consigo clicar em nenhum botão no vídeo do Youtube. Alguma ajuda nisso? Aqui está o meu código: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> …

157 jquery  css  twitter-bootstrap  youtube  twitter-bootstrap-3 

Estou tentando adicionar validação ao meu formulário com o plug-in de validação jQuery, mas estou tendo um problema em que o plug-in coloca as mensagens de erro quando estou usando grupos de entrada. $('form').validate({ rules: { firstname: { minlength: 3, maxlength: 15, required: true }, lastname: { minlength: 3, maxlength: …

154 twitter-bootstrap  jquery-validate  twitter-bootstrap-3 

Atualize novamente: estou encerrando esta pergunta selecionando a resposta principal para impedir que as pessoas adicionem respostas sem realmente entender a pergunta. Na realidade, não há como fazê-lo com a funcionalidade de compilação sem usar grade ou adicionar CSS adicional. As grades não funcionam bem se você estiver lidando com …

154 css  twitter-bootstrap  twitter-bootstrap-3 

Se eu verificar a documentação oficial , posso ver uma propriedade chamada HTML: Name | Type | default | Description ---------------------------------------------------------------------------- html | boolean | false | Insert html into the tooltip. If false, jquery's text method will be used to insert content into the dom. Use text if you're …

143 javascript  html  twitter-bootstrap-3  tooltip 

Qual é a melhor prática de usar o Twitter Bootstrap, consulte a CDN ou faça uma cópia local no meu servidor? Como o Bootstrap continua evoluindo, receio que, se me referir à CDN, o usuário verá diferentes páginas da Web ao longo do tempo e algumas tags podem até quebrar. …

140 twitter-bootstrap  twitter-bootstrap-3 

Atualmente , o Twitter Bootstrap 3 possui os seguintes pontos de interrupção responsivos: 768px, 992px e 1200px, representando dispositivos pequenos, médios e grandes, respectivamente. Como posso detectar esses pontos de interrupção usando JavaScript? Gostaria de ouvir com JavaScript todos os eventos relacionados acionados quando a tela muda. E para poder …

139 javascript  twitter-bootstrap-3  dom-events 

Estou testando a navbar de resposta do Bootstrap e tenho um site de demonstração . Quando redimensiono o navegador em uma área de trabalho, tudo funciona bem, incluindo a barra de navegação que se torna o menu dobrável com um pequeno ícone na parte superior, no qual posso clicar para …

139 twitter-bootstrap  user-interface  twitter-bootstrap-3  responsive-design  bootstrap-4