Jump to content
marcelocardoso

Paginação BOOTPAG - TWBS

Recommended Posts

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.


 

Share this post


Link to post
Share on other sites

e procurando, encontrei este código...
só não tenho ideia de complementar a parte do PHP, para ASP?
 

<div class="table-responsive">
    <table class="table table-hover table-striped">
    <thead>
        <tr>
            <th>K-ID</th>
            <th>Name</th>
            <th>Ort</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <div id="results"></div>
    </tbody>
    </table>
    <div class="pagination"></div>
</div>


AJAX
$(document).ready(function() {
    $("#results").load("kontakte_data.php");
    $(".pagination").bootpag({
        total: <?php echo $pages; ?>,
        page: 1,
        maxVisible: 5,
    }).on("page", function(e, num){
        e.preventDefault();
        $("#results").load("kontakte_data.php", {'page':num});
    });
});

já usaram este plugin, sabem implementar, dicas, codigos para contribuição agradeço...
obrigado.

Share this post


Link to post
Share on other sites

alguém, consegue dar uma ajudinha na parte e que entenda de BOOTPAG, somente a parte do AJAX, carregar as noticias e jogar a paginação bootpag...

desde agradeço.

 

Share this post


Link to post
Share on other sites

pessoal,

consegui montar até aqui, com este plugin bootpag, quem quiser ajudar a concluir, serve para repositório de scripts dos colegas...
tá funcionando, porém, estou tentando adaptar dinamicamente, não conheço muito de PHP, apenas asp, então...
ajuda, é bem vinda.

CODE:
 

<link rel='stylesheet' href='https://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css'>
<style class="cp-pen-styles">
    .wrapper {
        margin: 60px;
    }

    h1 {
        margin-bottom: 1.25em;
        text-align: center;
    }

    #conteudo {
        padding: 5px;
        width: 100%;
        color: #222222;
        font-size: 11px;
        border-radius: 10px;
        background-color: rgba(206, 206, 206, 0.15)
    }
    
    #paginacao {
        margin-top: 50px;
        width: 100%;
        color: #999999;
        border-top: 1px solid rgba(206, 206, 206, 0.33);
        font-size: 11px;
    }

    .pager {
        margin-left: 0;
        margin-bottom: 18px;
        list-style: none;
        text-align: center;
        color: #6c58bF;
        *zoom: 1;
    }

    .pager:before,
    .pager:after {
        display: table;
        content: "";
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
        color: #6c58bF;
    }

    .pager a {
        display: inline-block;
        padding: 5px 14px;
        color: #6c58bF;
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

    .pager a:hover {
        text-decoration: none;
        background-color: #f5f5f5;
    }

    .pager .next a {
        float: right;
    }

    .pager .previous a {
        float: left;
    }

    .pager .disabled a,
    .pager .disabled a:hover {
        color: #999999;
    }
</style>
<div class="wrapper">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1>Paginação BOOTPag JS</h1>
                <%
                   servidor = "localhost"
                   banco    = "db_verdesmares"
                   usuario  = "root"
                   senha    = "marmmc"
                   porta    = "3306"
                   opcao    = "3"

                   SET conexao = Server.CreateObject("ADODB.Connection")
                       conexao.Open "DRIVER={MYSQL ODBC 5.3 ANSI Driver};SERVER="&servidor&";PORT="&porta&";DATABASE="&banco&";UID="&usuario&";PWD="&senha&";OPTION="&opcao&";"

                   SET RS = Server.CreateObject("ADODB.RECORDSET")
                               SQL = "SELECT * FROM vm_noticias ORDER BY id DESC"
                       RS.Open SQL, conexao, 3, 3

                   IF RS.EOF THEN
                      Response.Write "Não existem registros a serem exibidos..."
                   ELSE
                      WHILE NOT RS.EOF
                %>
                    <div class="col-md-11 text-left" style="padding: 6px;"><b><%=RS("vmares_data")%></b> - <%=RS("vmares_titulo")%></div>
                <%
                          RS.MoveNext
                             Wend
                       END IF

                           RS.close  
                       SET RS = nothing
                           conexao.close      
                       SET conexao = nothing       
                %>
                    <div class="col-md-12" id="paginacao"></div>
                    <div class="col-md-4 col-md-offset-4 text-center">
                        <div class="col-md-4" id="conteudo">Paginação dos Dados</div>
                    </div>
            </div>
        </div>
    </div>
</div>


<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<script src='https://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js'></script>
<script src='https://cdn.rawgit.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js'></script>
                
                
                
<script type="text/javascript">
    var num ='<% Response.Write RS.RecordCount %>';
    (function($) {
        $(document).ready(function(){
            $('#paginacao').bootpag({
                total: 20,
                page: 1,
                maxVisible: 6,
                leaps: false,
                next: 'Próximo',
                prev: 'Anterior',
                activeClass: 'active',
                disabledClass: 'disabled',
                href: "#pag{{number}}",
            }).on("page", function(event, num){
                $.ajax({
                    url: "paginacao.asp?pag="+num,
                }).done(function(data) {
                    $("#conteudo").html( data );
                });
            });
        });
    })( jQuery );
</script>
                
                
                
<!--  COM ESTA O SCRIPT ACIMA FUNCIONA, ... ESTOU TENTANDO ADAPTAR O DE CIMA QUE NÃO FICA DINAMICAMENTE.  
<script>
    $('#paginacao').bootpag({
        total: 20,
        page: 1,
        maxVisible: 6,
        leaps: false,
        next: 'Próximo',
        prev: 'Anterior',
        activeClass: 'active',
        disabledClass: 'disabled',
        href: "#pag{{number}}",
    })
    $('#paginacao').on("page", function(event, num) {
        $("#conteudo").html("Você está na página: <b>" + num + "</b>");
    });
</script>
-->

Estou tentando adaptar o script do BOOTPAG com o link a seguir, que está em PHP:
https://stackoverflow.com/questions/35386812/paginate-table-with-bootpag-ajax
http://www.kodingmadesimple.com/2017/01/simple-ajax-pagination-in-jquery-php-pdo-mysql.html
 

... Quero deixar ela com acesso ao banco de dados....
Tentei adaptar com response.write no script, mas não rola...
Quem quiser contribuir transpondo o PHP para ASP, fica de boa...

NO mais, obrigado.

Share this post


Link to post
Share on other sites

Colegas...
Consegui resolver de outra maneira, mas mesmo assim, obrigado pelos que tentaram e se doaram em ajudar...
Muchas Gracias...

FINALIZADO

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By marcelocardoso
      olá pessoal.

      Estou disponibilizando um script para paginação de noticias, ele funciona, porém, ao adaptar codigo usado da internet, não encontrei maneiras de LIMITAR os REGISTROS.
      Se alguém quiser contribuir, na parte da paginação, agradeço.

      preciso limitar os registros em 10 em 10 a paginação
      primeiro < 1 2 3 4 5 6 7 8 9 10 > ultimo

       
      <section class="container-fluid"> <div class="row mb-5"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 mb-5"> <h1 class="text-center"> Informações e noticias </h1> <h3 class="text-center"> Atualizações diárias de conteúdos advocatícios e judiciais </h3> </div> <div class="col-xl-8 col-lg-8 col-md-8 col-sm-8 col-xs-12 mt-2 p-5" style="height: auto;"> <% IF IsEmpty(Request.QueryString("idnot")) OR IsNull(Request.QueryString("idnot")) THEN SQL1 = "SELECT * FROM dbluz_noticias ORDER BY id DESC LIMIT 1" ELSE SQL1 = "SELECT * FROM dbluz_noticias WHERE id = "& Request.QueryString("idnot") &" ORDER BY id DESC LIMIT 1" END IF SET strNoticias = Server.CreateObject("ADODB.Recordset") strNoticias.Open SQL1, conexao, 3, 3 IF strNoticias.EOF THEN %> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <h1>AVISO!</h1> <h4 style="color: green;"> Não existem noticias cadastradas no momento, <br> ou não existe registro para este ID informado. </h4> </div> <% ELSE DO WHILE NOT strNoticias.EOF %> <div class="box-noticias-data"> <%=strNoticias("dbluz_data")%> </div> <div class="box-noticias-subtitulo"> <%=strNoticias("dbluz_subtitulo")%> </div> <div class="box-noticias-titulo mt-4"> <%=strNoticias("dbluz_titulo")%> </div> <div class="box-noticias-descricao mt-5 text-justify"> <%=strNoticias("dbluz_descricao")%> </div> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 text-right box-noticias-fonte line-dotted-top mt-3 mb-5 p-2"> <span class="mb-5 mt-2 p-2 bg-success"> <a href="index.asp?idnot=<%=strNoticias("id")%>" role="button" class="btn btn-clean"> <span class="fa fa-print fa-1x font-color-var1"></span> </a> </span> </div> <% strNoticias.MoveNext Loop SET strNoticias = Nothing %> </div> <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-12 mt-5 p-0"> <% SQL2 = "SELECT * FROM dbluz_noticias " SET strNoticiasBlocos = Server.CreateObject("ADODB.Recordset") strNoticiasBlocos.Open SQL2, conexao, 3, 3 IF strNoticiasBlocos.EOF THEN %> <div class="row"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <h1>AVISO!</h1> <h4 style="color: green;">Não existem noticias cadastradas no momento, <br> ou não existe registro para este ID informado.</h4> </div> </div> <% ELSE ItensExibidos = 1 'Qtde de Itens' NumeroDaPagina = Request.QueryString("pg") IF NumeroDaPagina = "" THEN NumeroDaPagina = 1 TotalDeRegistros = UBound(strNoticiasBlocos.GetRows,2)+1 InicioDaPagina = ((ItensExibidos*NumeroDaPagina)-ItensExibidos) FinalDaPagina = ItensExibidos IF TotalDeRegistros <= ItensExibidos THEN PaginaTotal = 1 ELSEIF (TotalDeRegistros MOD ItensExibidos = 0) THEN PaginaTotal = (TotalDeRegistros/ItensExibidos) ELSE PaginaTotal = (TotalDeRegistros/ItensExibidos) + 1 PaginaTotal = Cint(PaginaTotal) END IF strNoticiasBlocos.close SQL3 = SQL2 & "WHERE id != (SELECT max(id) FROM dbluz_noticias) ORDER BY id DESC LIMIT "& InicioDaPagina &" , "& FinalDaPagina &"" strNoticiasBlocos.Open SQL3, conexao, 3, 3 %> <div class="row"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 mb-2"> <% DO WHILE NOT strNoticiasBlocos.EOF %> <div class="box-noticias-data-min"><%= strNoticiasBlocos("dbluz_data")%></div> <div class="box-noticias-titulo-min mt-1 mb-1"> <a href="index.asp?idnot=<%=strNoticiasBlocos("id")%>" class=""> <%= strNoticiasBlocos("dbluz_titulo")%> </a> </div> <div class="box-noticias-descricao-min hidden-sm hidden-xs mb-4 line-dotted-top"> <%= LEFT(strNoticiasBlocos("dbluz_descricao"),200)%> </div> <% strNoticiasBlocos.MoveNext Loop %> </div> <% END IF END IF %> </div> <div class="col-xl-12 col-lg-12 col-md-12 col-md-12 col-xs-12"> <ul class="pagination pagination-sm"> <% IF Cint(NumeroDaPagina) = 1 THEN %> <li class="page-item disabled"> <a class="page-link fa fa-home" href="?pg=1" tabindex="-1"></a> </li> <li class="page-item disabled"> <a class="page-link" href="?pg=<%=NumeroDaPagina-1%>" tabindex="-1">Anterior</a> </li> <% ELSE %> <li class="page-item"> <a class="page-link fa fa-home" href="?pg=1" tabindex="-1"></a> </li> <li class="page-item"> <a class="page-link" href="?pg=<%=NumeroDaPagina-1%>" tabindex="-1">Anterior</a> </li> <% END IF %> <% FOR intID = 1 TO PaginaTotal IF intID = Cint(NumeroDaPagina) THEN %> <li class="page-item active"><a class="page-link" href="#"><b><%=intID%></b></a></li> <% ELSE %> <li class="page-item"> <a class="page-link" href="?pg=<%=intID%>"> <%=intID%> </a> </li> <% END IF NEXT %> <% IF Cint(NumeroDaPagina) = PaginaTotal THEN %> <li class="page-item disabled"> <a class="page-link" href="?pg=<%=NumeroDaPagina+1%>">Proxima</a> </li> <li class="page-item disabled"> <a class="page-link fa fa-arrow-circle-right" href="?pg=<%=PaginaTotal%>"></a> </li> <% ELSE %> <li class="page-item"> <a class="page-link" href="?pg=<%=NumeroDaPagina+1%>">Proxima</a> </li> <li class="page-item"> <a class="page-link fa fa-arrow-circle-right" href="?pg=<%=PaginaTotal%>"></a> </li> <% END IF %> </ul> </div> <div class="col-xl-12 col-lg-12 col-md-12 col-md-12 col-xs-12"> <div class="text-right p-1" style="font-size: 10px;"> Navegando na página <b id="barra_numero"><%= NumeroDaPagina %></b> de <b id="barra_total"><%= PaginaTotal %></b> </div> <div class="text-right p-1" style="font-size: 10px; color: dimgray;"> TOTAL DE <b id="barra_registro"><%= TotalDeRegistros %></b> REGISTROS </div> </div> </div> </div> </section> CODIGO DA PAGINACAO EXTRAIDO DA PARTE DE CIMA, a parte que preciso ajustar....

       
      <ul class="pagination pagination-sm"> <% IF Cint(NumeroDaPagina) = 1 THEN %> <li class="page-item disabled"> <a class="page-link fa fa-home" href="?pg=1" tabindex="-1"></a> </li> <li class="page-item disabled"> <a class="page-link" href="?pg=<%=NumeroDaPagina-1%>" tabindex="-1">Anterior</a> </li> <% ELSE %> <li class="page-item"> <a class="page-link fa fa-home" href="?pg=1" tabindex="-1"></a> </li> <li class="page-item"> <a class="page-link" href="?pg=<%=NumeroDaPagina-1%>" tabindex="-1">Anterior</a> </li> <% END IF %> <% FOR intID = 1 TO PaginaTotal IF intID = Cint(NumeroDaPagina) THEN %> <li class="page-item active"><a class="page-link" href="#"><b><%=intID%></b></a></li> <% ELSE %> <li class="page-item"> <a class="page-link" href="?pg=<%=intID%>"> <%=intID%> </a> </li> <% END IF NEXT %> <% IF Cint(NumeroDaPagina) = PaginaTotal THEN %> <li class="page-item disabled"> <a class="page-link" href="?pg=<%=NumeroDaPagina+1%>">Proxima</a> </li> <li class="page-item disabled"> <a class="page-link fa fa-arrow-circle-right" href="?pg=<%=PaginaTotal%>"></a> </li> <% ELSE %> <li class="page-item"> <a class="page-link" href="?pg=<%=NumeroDaPagina+1%>">Proxima</a> </li> <li class="page-item"> <a class="page-link fa fa-arrow-circle-right" href="?pg=<%=PaginaTotal%>"></a> </li> <% END IF %> Desde já obrigado...
       
    • By Mewmew
      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! 
       



    • By DinhoPHP
      Olá!
      Tenho um carousel em Bootstrap que se ajusta automaticamente à página, porém no modo mobile fica muito pequeno. O carousel está direto no <body>. Segue o código.
       
      O resultado pode ser visualizado em: http://equipenovainfo.com.br/_portifolio/br_informatica_tec/
       
      <!-- CAROUSEL --> <div id="carousel_slide" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li class="active bg-primary" data-target="#carousel_slide" data-slide-to="0"></li> <li class="bg-primary" data-target="#carousel_slide" data-slide-to="1"></li> <li class="bg-primary" data-slide-to="#carousel_slide" data-target-to="2"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active"> <img class="img-fluid" src="_imagens/_slide/foto01.jpg" alt=""> <div class="carousel-caption text-dark d-none d-md-block"> <h2>Título da Descrição I</h2> <p class="lead">A descrição deste anúncio do banner aparece aqui!</p> </div> </div> <div class="carousel-item"> <img class="img-fluid" src="_imagens/_slide/foto02.jpg" alt=""> <div class="carousel-caption text-dark d-none d-md-block"> <h2>Título da Descrição II</h2> <p class="lead">A descrição deste anúncio do banner aparece aqui!</p> </div> </div> <div class="carousel-item"> <img class="img-fluid" src="_imagens/_slide/foto03.jpg" alt=""> <div class="carousel-caption text-dark d-none d-md-block"> <h2>Título da Descrição III</h2> <p class="lead">A descrição deste anúncio do banner aparece aqui!</p> </div> </div> </div> <a class="carousel-control-prev" href="#carousel_slide" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Anterior</span> </a> <a class="carousel-control-next" role="button" data-slide="next" href="#carousel_slide"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Avançar</span> </a> </div>  
    • By Rafael_Ferreira
      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>&nbsp;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>&nbsp;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>&nbsp;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));
    • By Walter_White
      Boa tarde,
      Estou atentar implementar bootstrap numa página estática no blogger. No entanto, quando coloco a biblioteca:
      href=“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”
      A página fica totalmente alterada.
      Alguem me consegue ajudar a cancelar os efeitos da biblioteca no que não quero.
       
       
      Alguem me consegue ajudar?
       
      Muito obrigado,
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.