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


30
Centralize uma coluna usando o Twitter Bootstrap 3
Como centralizo uma div de um tamanho de coluna no contêiner (12 colunas) no Twitter Bootstrap 3 ? .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> Executar snippet de códigoOcultar resultadosExpandir snippet Eu quero um div, com uma classe .centeredcentrada no …

30
Como posso criar colunas do Bootstrap da mesma altura?
Estou usando o Bootstrap. Como posso criar três colunas da mesma altura? Aqui está uma captura de tela do problema. Gostaria que as colunas azuis e vermelhas tivessem a mesma altura que a coluna amarela. Aqui está o código: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: …

23
alinhamento vertical com o Bootstrap 3
Estou usando o Twitter Bootstrap 3 e tenho problemas quando quero alinhar verticalmente dois div, por exemplo - link JSFiddle : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> <div …

14
Como abrir uma janela modal do Bootstrap usando o jQuery?
Estou usando a funcionalidade de janela modal do Twitter Bootstrap. Quando alguém clica em enviar no meu formulário, quero mostrar a janela modal ao clicar no "botão enviar" no formulário. <form id="myform" class="form-wizard"> <h2 class="form-wizard-heading">BootStap Wizard Form</h2> <input type="text" value=""/> <input type="submit"/> </form> <!-- Modal --> <div id="myModal" class="modal hide …

6
O que é somente sr no Bootstrap 3?
Para que serve a classe sr-only? É importante ou posso removê-lo? Funciona bem sem. Aqui está o meu exemplo: <div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Sales</a></li> <li><a href="#">Technical</a></li> <li class="divider"></li> <li><a href="#">Show …





23
Como você obtém conteúdo centralizado usando o Twitter Bootstrap?
Estou tentando seguir um exemplo muito básico. Usando a página inicial e o sistema de grade , eu esperava o seguinte: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Executar snippet de códigoOcultar resultadosExpandir snippet ... produziria texto centralizado. No entanto, ele ainda aparece na extrema esquerda. …




10
Passando dados para um modal de autoinicialização
Eu tenho alguns links que possuem um ID anexado. Quando clico neste link, quero abrir um modal ( http://twitter.github.com/bootstrap/javascript.html#modals ) e passar esse ID para o modal. Pesquisei no google, mas não encontrei nada que pudesse me ajudar. Este é o código: <a data-toggle="modal" data-id="@book.Id" title="Add this item" class="open-AddBookDialog"></a> O …

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.