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".




4
Elemento de ocultação de bootstrap do Twitter em dispositivos pequenos
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"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> …



9
Alguém recebeu e-mails em HTML com o Twitter Bootstrap?
Estou usando o premailer-rails3gem que puxa estilos embutidos para emails html, e estou tentando fazê-lo funcionar com o bootstrap do Twitter. https://github.com/fphilipe/premailer-rails3 Parece que alguns estilos vêm corretamente, mas nem todos eles. Estou me perguntando se alguém tem um bom exemplo de trabalho de como obter seu css do Twitter …



6
Centralizar um botão verticalmente na célula da tabela, usando o Twitter Bootstrap
Estou usando o Twitter Bootstrap e tentando centralizar um botão em uma célula da tabela. Eu só preciso centralizá-lo verticalmente. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> Por favor, consulte meu JSFiddle para o …

19
Usando Bootstrap Tooltip com AngularJS
Estou tentando usar a dica de ferramenta Bootstrap em um aplicativo meu. Meu aplicativo está usando AngularJS. Atualmente, tenho o seguinte: <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left"> Tooltip on left </button> Eu acho que preciso usar $("[data-toggle=tooltip]").tooltip(); No entanto, não tenho certeza. Mesmo quando adiciono a linha …

3
Como exibir tabelas no celular usando Bootstrap?
Minhas tabelas exibem bem no desktop, mas quando tento visualizar a versão móvel, minha tabela acaba ficando muito larga para a tela do dispositivo móvel. Estou usando um layout responsivo. Como posso definir larguras de mesa para visualização móvel? Que outras alternativas existem para apresentar dados tabulares em visualizações móveis …

7
Como colocar um link em um botão com bootstrap?
Como alguém colocaria um link em um botão com bootstrap? existem 4 métodos na documentação de bootstrap: <a href="#" class="btn btn-info" role="button">Link Button</a> <button type="button" class="btn btn-info">Button</button> <input type="button" class="btn btn-info" value="Input Button"> <input type="submit" class="btn btn-info" value="Submit Button"> O primeiro não funciona para mim, nenhum botão mostra, apenas o …

9
Alinhe dois divs horizontalmente, lado a lado, no centro da página usando bootstrap css
Consulte o código abaixo o que eu tentei <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> resultado : First Div SecondDiv Saída esperada: First Div Second Div Eu quero alinhar os dois divs horizontalmente no centro da página usando o bootstrap css. como posso fazer isso ? Eu …

26
Carregue um conteúdo popover do Bootstrap com AJAX. Isso é possível?
As partes apropriadas do que tentei estão aqui: <a href="#" data-content="<div id='my_popover'></div>"> Click here </a> $(".button").popover({html: true}) $(".button").click(function(){ $(this).popover('show'); $("#my_popover").load('my_stuff') }) Quando clico, vejo a solicitação ser feita, mas não preenche o popover. Eu nem mesmo vejo HTML para o popover ser adicionado ao DOM, mas pode ser firebug. alguem …

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.