Ir ao conteúdo
Regras do Clube do Hardware

Java Não consigo colocar o button a esquerda no vscode!

edupessoa1

Por edupessoa1
em Java/Android SDK

 Compartilhar

Posts recomendados

edupessoa1
 

edupessoa1

Postado
Postado

alguém pode me ajudar, estou com dificuldades no meu primeiro crud , não consigo colocar o botão do lado esquedo 

ai vai o codigo.

 

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

    <title>crud javascript</title>

    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">

 

</head>

 

<body>

    <div class="container-fluid">

        <div class="row">

            <div class="col-md-12">

                <h3>

                    Crud Basico

                    <small class="text-muted text-center">meu primeiro sistema crud</small>

                </h3>

                

            </div>

        </div>

    </div>


 

    <div class="row">

        <div class="col-md-12">

           <button type="button" class="btn btn-primary float-right" >ADD</button>

 

        </div>

    </div>

 

    

 

 


 

 

 

 

 

 

 

 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script>

 <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-eMNCOe7tC1doHpGoWe/6oMVemdAVTMs2xqW4mwXrXsW0L84Iytr2wi5v2QjrP/xp" crossorigin="anonymous"></script>

 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/" crossorigin="anonymous"></script>

 <script src="index.js"></script>

 

</body>

</html>

Joao531
 

Joao531

Postado
Postado
22 minutos atrás, edupessoa1 disse:

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">

Você esqueceu de colocar o atributo "type=text/css", por isso você não está conseguindo.

 

Caso isso não resolver, tem como mostrar o código CSS, assim eu posso ver se você estilizou o botão.

Joao531
 

Joao531

Postado
Postado

@edupessoa1 Certo, já entendi. Se você quer que o botão seja posicionado à esquerda, tente mudar o nome da classe do botão para "btn btn-primary float-left". Ou coloque dentro do tag button o seguinte atributo: "style={ position: left; }"

edupessoa1
 

edupessoa1

Postado
  • Autor
Postado

@Joao531 consegui resolver , teve atualização no código do bootstrap no caso ficou assim = float-end

@Joao531 valeu por tentar me ajudar, depois vou tentar com essa dica que você me deus, tmj espero um dia 

ajudar as outras pessoas também.

resolvido 03.png

resolvido.png

  • Curtir 1

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora
 Compartilhar
Ir à lista de tópicos

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mais

×
×
  • Criar novo...

GRÁTIS: ebook Redes Wi-Fi – 2ª Edição

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!