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

O Bootstrap 3 é a terceira geração da estrutura front-end, permitindo um desenvolvimento mais rápido da Web com uma aparência atraente. Use com a tag [twitter-bootstrap]

5
Entrada de texto de largura total de inicialização no formato inline
Estou lutando para criar uma caixa de texto que se ajuste a toda a largura da minha área de contêiner . <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> Quando faço isso, os dois …

6
Como adicionar uma caixa de pesquisa com ícone à barra de navegação do Bootstrap 3?
Estou usando o novo Twitter Bootstrap 3 e estou tentando colocar uma caixa de pesquisa como esta (abaixo) na barra de navegação superior : No Bootstrap 2, poderia ter sido assim: <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> …




13
Bootstrap 3: pull-right apenas para col-lg
Novo no bootstrap 3 .... No meu layout, tenho: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Gostaria que os 'elementos 2' NÃO estivessem alinhados em telas menores que as de col-lg. Tão efetivamente tendo a classe pull-right apenas para col-lg-6 ... …



14
Bootstrap 3 Recolher estado de exibição com o ícone Chevron
Usando o exemplo principal retirado do Javascript do Bootstrap 3 página de exemplos para o Collapse , pude mostrar o estado do colapso usando os ícones da chevron. Eu tenho este trabalho usando: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Isso funciona (não foi totalmente testado …






6
Bootstrap 3 - Por que a classe de linha é mais larga do que seu contêiner?
Acabei de começar a usar o Bootstrap 3. Estou tendo dificuldade em entender como a classe de linha funciona. Existe uma maneira de evitar o padding-lefte padding-right? <div class="row" style="background:#000000"> <div class="col-xs-4 .col-xs-offset-1"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> </div> http://jsfiddle.net/petran/rdRpx/

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.