Articles of twitter bootstrap

O pano de fundo modal do Twitter bootstrap não desaparece

Estou usando o diálogo Modal de boot do Twitter. Quando clico no botão enviar da checkbox de modal dialog de bootstrap, ele envia uma solicitação AJAX. Meu problema é que o cenário modal não desaparece. A checkbox de diálogo Modal desaparece corretamente, mas em vez disso, “modal-backdrop in” que cria a opacidade na canvas permanece […]

Inicie o Bootstrap Modal no carregamento da página

Eu não sei javascript em tudo. A documentação de bootstrap diz para Chame o modal via javascript: $ (‘# myModal’). Modal (opções) Eu não tenho idéia de como chamar isso em um carregamento de página. Usando o código fornecido na página de boot, posso chamar com sucesso o Modal em um clique de elemento, mas […]

Faça o VueJS e o jQuery jogarem bem

Esta questão está relacionada / semelhante a Usando intl-tel-input e vuejs2 juntos , que ainda não foi respondida. E VueJS Use prop como valor de atributo de dados que tem uma solução, mas explica um pouco o “ambiente”. Então, resumindo, estou configurando dinamicamente uma nova aba bootstrap (Title e URL) e, em seguida, tentando (re) […]

Como sobrescrever o estilo no Twitter Bootstrap

Como posso replace os estilos no Twitter Bootstrap? Por exemplo, atualmente estou usando uma class .sidebar que tem a regra CSS ‘float: left;’ Como eu posso mudar isso para que ele vá para a direita? Estou usando o HAML e o SASS, mas sou relativamente novo no desenvolvimento da web.

Angular ng-repeat adiciona linha de bootstrap a cada 3 ou 4 cols

Eu estou procurando o padrão certo para injetar uma class de linha de boot a cada 3 colunas. Eu preciso disso porque cols não tem um hight fixo (e eu não quero consertar um), então quebra meu design! Aqui está o meu código: … Mas só exibe um produto em cada linha. O que eu […]

Por que o Bootstrap 3 mudou para o box-sizing: border-box?

Estou migrando meus temas do Bootstrap da v2.3.2 para a v3.0.0 e uma coisa que notei é que muitas dimensões são calculadas de maneira diferente, devido aos seguintes estilos no bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Alguém pode explicar por que o Bootstrap muda o tamanho de checkbox de […]

Bootstrap 3 Navbar com Logo

Eu quero usar a barra de navegação padrão do Bootstrap 3 com um logotipo de imagem em vez de marca de texto. Qual é a maneira correta de fazer isso sem causar problemas com diferentes tamanhos de canvas? Eu assumo isso como um requisito comum, mas ainda não vi um bom exemplo de código. Um […]

Como exibir o item selecionado no título suspenso do botão Bootstrap

Eu estou usando o componente dropdown bootstrap no meu aplicativo como este: Please Select From List Item I Item II Item III Other Eu gostaria de exibir o item selecionado como o label btn. Em outras palavras, substitua “Por favor, selecione da lista” com o item da lista que foi selecionado (“Item I”, “Item II”, […]

$ (window) .width () não é o mesmo que query de mídia

Eu estou usando o Twitter Bootstrap em um projeto. Bem como os estilos de bootstrap padrão eu também adicionei alguns dos meus próprios //My styles @media (max-width: 767px) { //CSS here } Também estou usando o jQuery para alterar a ordem de determinados elementos na página quando a largura da viewport é menor que 767px. […]

Web site responsivo reduzido para largura total em dispositivos móveis

Estou testando a capacidade de resposta do Bootstrap e tenho um site de demonstração . Quando eu redimensiono o navegador em uma área de trabalho, tudo funciona bem, incluindo a barra de navegação que se torna um menu reduzível com um pequeno ícone no topo que eu posso clicar para ver mais botões de menu. […]