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

O Bootstrap é uma estrutura de front-end projetada para iniciar o desenvolvimento de aplicativos e sites da Web. Para perguntas relacionadas a uma versão do Bootstrap, use também a tag da versão específica das tags "twitter-bootstrap-2", "twitter-bootstrap-3" e "bootstrap-4".

12
Botões de largura fixa com Bootstrap
O Bootstrap suporta botões de largura fixa? Atualmente, se eu tiver 2 botões, "Salvar" e "Download", o tamanho do botão mudará com base no conteúdo. Além disso, qual é a maneira correta de estender o Bootstrap?

30
Janela modal Bootstrap centralizada verticalmente
Gostaria de centralizar meu modal na janela de exibição (meio) Tentei adicionar algumas propriedades css .modal { position: fixed; top:50%; left:50%; } Estou usando este exemplo http://jsfiddle.net/rniemeyer/Wjjnd/ eu tentei $("#MyModal").modal('show').css( { 'margin-top': function () { return -($(this).height() / 2); }, 'margin-left': function () { return -($(this).width() / 2); } })


19
Menu suspenso de inicialização com pairar
OK, então o que eu preciso é bem direto. Eu configurei uma barra de navegação com alguns menus suspensos (usando class="dropdown-toggle" data-toggle="dropdown") e funciona bem. O problema é que " onClick" funciona , enquanto eu preferiria que funcionasse " onHover". Existe alguma maneira embutida de fazer isso?



23
Como corrigir o erro; 'Erro: as dicas de ferramentas de inicialização exigem o Tether (http://github.hubspot.com/tether/)'
Estou usando o Bootstrap V4 e o seguinte erro é registrado no console; Erro: as dicas de ferramentas de inicialização exigem o Tether ( http://github.hubspot.com/tether/ ) Tentei remover o erro instalando o Tether, mas ele não funcionou. Eu 'instalei' o Tether incluindo as seguintes linhas de código; <link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css"> …

5
Use a legenda do conjunto de campos com autoinicialização
Estou usando o Bootstrap para minha JSPpágina. Eu quero usar <fieldset>e <legend>para o meu formulário. Este é o meu código. <fieldset class="scheduler-border"> <legend class="scheduler-border">Start Time</legend> <div class="control-group"> <label class="control-label input-label" for="startTime">Start :</label> <div class="controls bootstrap-timepicker"> <input type="text" class="datetime" id="startTime" name="startTime" placeholder="Start Time" /> <i class="icon-time"></i> </div> </div> </fieldset> CSS é …



18
Como ativar a dica de ferramenta do Bootstrap no botão desativado?
Preciso exibir uma dica de ferramenta em um botão desativado e removê-lo em um botão ativado. Atualmente, ele funciona ao contrário. Qual é a melhor maneira de inverter esse comportamento? $('[rel=tooltip]').tooltip(); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <hr> <button class="btn" disabled rel="tooltip" data-title="Dieser Link führt zu Google">button disabled</button> <button …



6
O `col-xs- *` não está funcionando no Bootstrap 4
Eu não encontrei isso antes e estou tendo muita dificuldade para encontrar a solução. Ao ter uma coluna igual a média no bootstrap da seguinte forma: <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> O alinhamento de texto funciona bem: Mas ao tornar …

14
Como exibir o item selecionado no título suspenso do botão Bootstrap
Estou usando o componente suspenso de inicialização no meu aplicativo como este: <div class="btn-group"> <button class="btn">Please Select From List</button> <button class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Item I</a></li> <li><a tabindex="-1" href="#">Item II</a></li> <li><a tabindex="-1" href="#">Item III</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Other</a></li> </ul> </div> Gostaria …

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.