Estou tentando instalar o Bootstrap 3.0 em meu aplicativo Rails. Recentemente, terminei o tutorial de Michael Hartl e agora estou tentando construir meu próprio sistema usando esta nova versão do Bootstrap, mas tenho algumas perguntas sobre as quais não tenho certeza. Minhas especificações de...
Estou com um problema com modal. Eu tenho um botão em uma página que alterna o modal. Quando o modal aparece, a página salta para o topo. Fiz tudo o que pude para encontrar uma solução / etc, mas estou realmente perdido. EDITAR: Eu também tentei com: $('#myModal').modal('show');mas tem...
Este é o efeito que estou tentando obter com carrossel Bootstrap 3 Em vez de mostrar apenas um quadro por vez, ele exibe N quadros, slide a lado. Então, quando você desliza (ou quando desliza automaticamente), ele muda o grupo de slides como faz. Isso pode ser feito com o carrossel do bootstrap...
Estou tentando diminuir a altura da barra de navegação do bootstrap 3.0 que é usada com o comportamento de topo fixo. Aqui estou usando o código. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div...
eu tentei isso, mas deu errado aqui está o css body .modal-ku { width: 750px; } e aqui está o resultado com
Eu gostaria de ter os rótulos não acima do campo de entrada, mas no lado esquerdo. <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value=""...
Sou novo no Bootstrap e tenho a versão anterior 2.3.2. A versão 3 foi lançada. Devo simplesmente substituir os arquivos CSS e Javascript se quiser usar a versão mais
Acabei de visitar esta página http://www.elmastudio.de/ e me perguntei se é possível construir o colapso da barra lateral esquerda com o Bootstrap 3. Código para recolher a barra lateral a partir da parte superior (apenas telefone): <button type="button" class="navbar-toggle sidebar-toggle"...
Para que tabindexserve o atributo no Bootstrap 3? A sua documentação nada diz sobre eles, embora os utilizem praticamente em todos os modais. Eu só descobri isso em relação ao uso, o que realmente não diz muito Dicas de ferramentas acessíveis para usuários de teclado e tecnologia assistiva Para...
Estou migrando meus temas do Bootstrap de v2.3.2 para v3.0.0 e uma coisa que percebi é que muitas dimensões são calculadas de maneira diferente, devido aos seguintes estilos em bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:...
Eu sei que Bootstrap 3tem um divisor horizontal que você pode colocar dentro de menus suspensos para separar links como este: <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li...
É possível alterar a cor primária do bootstrap para corresponder à cor da marca? Estou usando o tema papel do bootswatch no meu caso.
Gostaria que meu conteúdo fosse fluido, mas ao usar .container-fluidcom a grade do Bootstrap, ainda estou vendo preenchimento. Como posso me livrar do enchimento? Vejo que não obtenho o preenchimento com .row, mas quero adicionar colunas e, assim que o fizer, o preenchimento estará de volta:...
Tendo um problema com os novos utilitários responsivos classes ocultas / visíveis , ao migrar para o Bootstrap 4 . Estou ciente de que as classes .hidden foram removidas da v3 e substituídas por .hidden-*-up .hidden-*-down. Usando as novas .hidden-*-up.hidden-*-downclasses, mas os elementos não...
Portanto, estou usando este código para abrir outra janela modal em uma janela modal aberta atualmente: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> O que acontece é que por cerca de 500ms a barra de rolagem se duplicará. Acho que porque o...
<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a>...
Você pode me dizer qual é o sistema ou comportamento por trás do data-targetatributo usado pelo Bootstrap 3? Eu sei que o data-toggle usado para apontar API JavaScript de Bootstrap de funcionalidade
Tendo alguns problemas com o bootstrap, então alguma ajuda seria incrível. obrigado O que eu gostaria: (parte superior) Meu código atual: <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords"...
Eu tenho este código: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled">...
Em relação ao BS 3, se eu quisesse apenas uma coluna estreita de conteúdo à direita, poderia usar uma classe de deslocamento de 9 e uma coluna de 3. Porém, e se eu quisesse o reverso e o lado esquerdo? Existe uma maneira adequada de fazer isso no BS ou devo apenas usar meus próprios métodos CSS?...