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

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 sistema: OS X Mountain Lion em …

112 ruby-on-rails  ruby  twitter-bootstrap-3 

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 exatamente …

111 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3 

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 …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

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 class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

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="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" …

104 css  twitter-bootstrap-3 

eu tentei isso, mas deu errado aqui está o css body .modal-ku { width: 750px; } e aqui está o resultado com falha

104 html  css  twitter-bootstrap-3 

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 recente?

102 twitter-bootstrap  twitter-bootstrap-3 

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" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> A própria …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

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 usuários …

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

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 role="presentation" class="divider"></li> </ul> Minha pergunta é: existe alguma maneira de fazer isso sem estar em uma lista suspensa, como …

98 twitter-bootstrap  twitter-bootstrap-3 

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: border-box; } Alguém pode explicar por que o Bootstrap muda o …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

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: O. Quero ser capaz …

97 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

É possível alterar a cor primária do bootstrap para corresponder à cor da marca? Estou usando o tema papel do bootswatch no meu caso.

97 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

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 estão mudando para visíveis / ocultos. …

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

<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> </div> </div> JSfiddle Acho que armazenaria o conteúdo do formulário em uma função javascript ... Como faço para conter um formulário em um popover de bootstrap?

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover