0

Duvida

J
Julia Rocha

Alguém pode me ajudar? estou fazendo o curso de bootstrap e estou seguindo o código do professor,mas essas imagens não ficam no centro da página de jeito nenhum. Segue o código dessa parte:

<section id="parceiros">

           <div class="container-fluid text-center margin parceiros">

               <h3>PARCEIROS</h3>

               <div class="container">

                   <div id="row">

                       <div class="col-lg-4">

                           <img src="imagens/Logo-Digital.jpg"  width="100%">

                       </div>

                       <div class="col-lg-4">

                           <img src="imagens/Logo-Digital.jpg"  width="100%">

                       </div>

                       <div class="col-lg-4">

                           <img src="imagens/Logo-Digital.jpg"  width="100%">

                       </div>

                   </div>

               </div>

           </div>

    </section> 


Agradeço pela ajuda!

0
0

Comentários (6)

0
Karlos Nery

Karlos Nery

14/07/2021 12:02

Vi agora que vc colocou um id no "row", troque pra class:


  <div class="row">

0
Karlos Nery

Karlos Nery

14/07/2021 11:49

Pelo código que fiz dessa aula, falou definir a class no h3 Parceiros:


                <h3 class="margin">Parceiros</h3>

0
A

Andrew Rodrigues

14/07/2021 11:42

Olá Julia, quem está restringindo o ajuste seria class="col-lg-4"(está limita tamanho).

Outra observação é que você está usando uma div com id ='row' e não como class.


Tente =>

## início ##

<section id="parceiros">

           <div class="container-fluid text-center margin parceiros">

               <h3>PARCEIROS</h3>

               <div class="container">

                   <div id="row" class="row">

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

                           <img src="imagens/Logo-Digital.jpg"  width="100%">

                       </div>

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

                           <img src="imagens/Logo-Digital.jpg"  width="100%">

                       </div>

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

                           <img src="imagens/Logo-Digital.jpg"  width="100%">

                       </div>

                   </div>

               </div>

           </div>

    </section> 


## fim ##


Como a sua tag img esta com 100% de width, no CSS limite o seu tamanho para está não preencher toda a coluna, a qual terá mesma largura da linha pela propriedades que configuramos. Assim, por exemplo, use:


img{

  width:35vw;

}

0
João Araujo

João Araujo

14/07/2021 10:59

Olá Julia!

Tenta adicionando a classe "text-center" na DIV que antecede a tag IMG. Exemplo.:


<div class="col-lg-4 text-center">
     <img src="imagens/Logo-Digital.jpg" width="100%">
</div>
1
Roniel Barbosa

Roniel Barbosa

14/07/2021 10:43

Tenta colocar assim: <div class="col-lg-4" margin-left: auto margin-right: auto>

ou no arquivo css:

.col-lg-4{

margin-left: auto;

margin-right: auto;

}
1
Rodrigo Fiães

Rodrigo Fiães

14/07/2021 10:40

Da pra colocar no centro de varias maneiras porem o problema pode ser no CSS da uma verificada no código e no vídeo de exemplo com calma acredito que voce vai conseguir resolver.

None

Brasil