GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

[Resolvido]Posicionamento de colunas Bootstrap

java
servlet
jsp
Tags: #<Tag:0x00007ff78c874610> #<Tag:0x00007ff78c874480> #<Tag:0x00007ff78c8742c8>

#1

Gostaria que o bloco escrito resultados ficasse ao lado do bloco com numero 1 e o bloco com numero 2 ficasse ao lado do numero 1 , e o bloco escrito próximo ficasse ao lado do numero 2.
Mas olha como esta a aplicação.

CSS

.caixa_quantidade{
width: 125px;
margin: 20px auto;
color:#C0C0C0;
 border: 1px solid #D3D3D3;
 height: 35px;
 font-weight: 700;
}

.caixa_quantidade:hover{
background-color: #00008B;
color:white;
}


.caixa_quantidade2{
width: 125px;
margin: 20px auto;
color:#C0C0C0;
border: 1px solid #D3D3D3;
 height: 35px;
font-weight: 700;
background-color: #00008B;
color:white;
 font-weight: 700;
}
 .conteudo_paginacao{
 margin-top: 23px;
 }

 .paginacao{
 display: inline;
   width: 20px;
  color:#C0C0C0;
   border: 1px solid #D3D3D3;
   height: 40px;

  }

   .paginacao:hover{
        background-color: #696969;
        text-decoration: none;
    }


    .paginacao a:link {
        color: white;
        text-decoration: none; 
        background-color: #00008B;
    }

HTML com scriptlet

out.println("<div class='conteudo_paginacao'> "); 
  out.println("<div class='row'> ");  

  out.println("<div class='col-sm-3'> ");    
  out.println("<div class='caixa_quantidade'> ");
Integer quantidadeRegistros= (Integer)  request.getAttribute("totalProdutos");
  out.println("Resultados "+quantidadeRegistros); 
   out.println("</div>"); 

  out.println("</div>");
  int pagAnterior;
   if(Integer.parseInt(numPagina)>1){
  pagAnterior=Integer.parseInt(numPagina)-1;

   out.println("<div class='col-sm-3'> ");
   out.println("<div class='caixa_quantidade2'> ");
   out.println("<div class='conteudo2'><a href=ListarProdutosPaginada?
   numeroPagina="+pagAnterior+">Anterior</a></div>");
    out.println("</div>"); 
   out.println("</div>"); 

   }else{
    }
    
for(int i=1;i<=totalPaginas;i++){
   out.println("<div class='col-sm-3'> ");
    out.println("<div class='paginacao'><a href=ListarProdutosPaginada?numeroPagina="+i+">"+i+"</a>
    </div>");
   out.println("</div>"); 
  }


   int proximaPag;
  if((totalRegistros-(Integer.parseInt(numPagina)*limite))>0){
  proximaPag=Integer.parseInt(numPagina)+1;
   out.println("<div class='col-sm-3'> "); 
 out.println("<div class='caixa_quantidade2'> "); 
 out.println("<div class='conteudo2'><a href=ListarProdutosPaginada?
 numeroPagina="+proximaPag+"&ordenacao"+ordenacao+">Proxima</a></div>");
 out.println("</div>"); 
  out.println("</div>"); 
  }

   out.println("</div>");  

    out.println("</div>"); 
     %>

#2

Vc esta criando em varias colunas, faça um grupo de buttons como no exemplo de bootstrap