Pesquisar na Comunidade
Mostrando resultados para as tags ''Bootstrap''.
Encontrado 53 registros
-
olá pessoal. tentando criar paginação, moderna, busquei varios artigos na internet, porém, não consegui adaptar este.... que por sinal, fica joia, simples, rapido e objetivo, além de funcional para os tempos de hoje, jquery + bootstrap. trata-se do BOOTPAG ou TWBS Pagination: <nav aria-label="Page navigation"> <ul class="pagination" id="pagination"></ul> </nav> <div id="pagination_pag">Page 1</div> <script type="text/javascript"> $('#pagination').twbsPagination({ totalPages: 35, visiblePages: 2, onPageClick: function (event, page) { $("#pagination_pag").text('Page ' + page); } }); </script> Alguém já usou ele com ASP, ou PHP, onde posso utilizar junto com dados vindo de banco de dados???? Se alguem tiver exemplo e quiser postar, ou tiver dicas de como fazer, também, agradeço. Via AJAX no script, procurei no STACK OVERFLOW, também nada... Desde já agradeço.
-
Datetimepicker do Bootstrap fica português só testando com o Wampserver ao passar para um domínio fica em inglês.
Rafael_Ferreira postou um tópico no fórum Desenvolvimento frontend
Datetimepicker do Bootstrap fica português só fora da internet testando no Wampserver passando para um domínio o datetimepicker funciona só que fica em inglês. Código: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <link href="css/bootstrap-combined.min.css" rel="stylesheet"/> <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet"/> <script src="js/bootstrap-datetimepicker.min.js"></script> <script src="js/bootstrap-datetimepicker.pt-BR"></script> <body> </head> <div class="container"> <div class="row justify-content-center"> <table class="table"> <thead> <th> ID_Cliente</th> <th>Preço</th> <th>Quantidade</th> <th>Total dos Serviços</th> <th>Forma de Pagamento</th> <th>Data</th> <th Colspan="9">Ação </th> </thead> <button type="button" class="btn btn-dark">Cliente</button> <button type="button" class="btn btn-secondary">Caixa</button> <button type="button" class="btn btn-primary">Relatorio1</button> <button type="button" class="btn btn-success">Relatorio2</button> <tbody> <tr> <td> 1</td> <td>148,00</td> <td>1,0</td> <td>188,0</td> <td>Dinheiro a vista</td> <td>2011-08-19-13:45:00</td> <td> <button type="button" class="btn btn-info">Edit</button> <button type="button" class="btn btn-danger">Delete</button> </td> </tr> <tr> <td> 2</td> <td>308,00</td> <td>1,0</td> <td>399,23</td> <td>Débito no cartão</td> <td>2011-08-20-22:45:00</td> <td> <button type="button" class="btn btn-info">Edit</button> <button type="button" class="btn btn-danger">Delete</button> </td> </tr> </table> </div> <BR> <BR> <BR> <div class="row justify-content-center"> <form action="" method="POST"> <div class="form-group row"> <div class="col-xs-8"> <div class="input-group mb-3"> <div class="input-group-prepend"> <label class="input-group-text" for="inputGroupSelect01">Serviços</label> </div> <select class="custom-select" id="inputGroupSelect01"> <option selected>Escolha</option> <option value="1">Corte</option> <option value="2">Hidratação</option> <option value="3">Coloração</option> <option value="4">Relaxamento</option> <option value="5">Progressiva</option> <option value="6">Escova</option> </select> </div> </div> </div> <div class="form-group row"> <div class="col-xs-8"> <label for="cod">ID_Cliente:</label> <input type="text" class="form-control" id="cod" aria-describedby="name" placeholder=""> </div> </div> <div class="form-group row"> <div class="col-xs-8"> <label for="preco">Preço:</label> <input type="text" class="form-control" id="preco" aria-describedby="name" placeholder=""> </div> </div> <div class="form-group row"> <div class="col-xs-8"> <label for="Quantidade">Quantidade:</label> <input type="text" class="form-control" id="quantidade" aria-describedby="quantidade" placeholder=""> </div> </div> <div class="form-group row"> <div class="col-xs-8"> <label for="totaldeserv">Total dos Serviços:</label> <input type="text" class="form-control" id="totaldeserv" aria-describedby="totaldeserv" placeholder=""> </div> </div> <div class="form-group row"> <div class="col-xs-8"> <div class="input-group mb-3"> <div class="input-group-prepend"> <label class="input-group-text" for="inputGroupSelect01">Forma de Pagamento:</label> </div> <select class="custom-select" id="inputGroupSelect01"> <option selected>Escolha</option> <option value="1">Cartão de crédito</option> <option value="2">Cartão de débito</option> <option value="3">Dinheiro</option> </select> </div> </div> </div> <div id="datetimepicker" class="input-append date"> <label for="totaldeserv">Data_Horário</label> <input type="text"></input> <span class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> </span> </div> <div class="form-group row"> <div class="col-xs-8"> <button type="submit" name="save" class="btn btn-primary">Salvar</button> </div> </div> </div> </form> </div> </div> <script type="text/javascript"> $('#datetimepicker').datetimepicker({ format: 'dd/MM/yyyy hh:mm:ss', language: 'pt-BR' }); </script> </body> </html> ---------------------------------------------------------------------------------------------- /** * Brazilian translation for bootstrap-datetimepicker * Cauan Cabral <cauan@radig.com.br> */;(function($){$.fn.datetimepicker.dates['pt-BR'] = {days: ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado", "Domingo"],daysShort: ["Dom", "Seg", "Ter", "Qua", "Qui", "---", "Sáb", "Dom"],daysMin: ["Do", "Se", "Te", "Qu", "Qu", "Se", "Sa", "Do"],months: ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"],monthsShort: ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],today: "Hoje"};}(jQuery)); -
bootstrap Posição de Contêiners no Bootstraps
Mewmew postou um tópico no fórum Desenvolvimento frontend
Bom dia! Teria como alguém me ajudar? Sou bem iniciante nos códigos e acabou me surgindo uma duvida/problema a qual estou tentando resolver desde hoje cedo... Preciso criar um contêiner dentro de outro contêiner igual a imagem 1. Só que ele está ficando igual a imagem 2. Estou utilizando o bootstrap para tentar arrumar isso de uma forma que também traga a responsividade. Basicamente eu criei um container fluid e dentro dele tinha outro container, só que não estou conseguindo posicionar ambos corretamente!
.thumb.jpg.6d2448400c07192c7587b7e6a08fa29a.jpg)