lostyazilim

Bootstrap ortalama sorunu

9 Mesajlar 2.324 Okunma
lstbozum
wmaraci reklam

RecepCakmakci RecepCakmakci WM Aracı Kullanıcı
  • Üyelik 07.07.2019
  • Yaş/Cinsiyet 32 / E
  • Meslek Grafiker
  • Konum Düzce
  • Ad Soyad R** Ç**
  • Mesajlar 171
  • Beğeniler 14 / 13
  • Ticaret 0, (%0)
Arkadaşlar fotoğraflar 3 bölümden oluşuyor fakat 3ü'de kendi içinde sola dayalı biçimde. Bunun nasıl düzeltebilirim acaba?






KADROMUZ











Ünal MISIR













Ülfet MISIR













Ali Osman ERTUĞRAL














CSS;



#team {}

#team .member {
text-align: center;
margin-bottom: 20px;
/* background: #000;*/
position: relative;
max-width: 60%;
text-align: center;
}



#team .member .member-info {
opacity: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
transition: 0.2s;
}

#team .member .member-info-content {
margin-top: -50px;
transition: margin 0.2s;
}

#team .member:hover .member-info {
background: rgba(0, 0, 0, 0.7);
opacity: 1;
transition: 0.4s;
}

#team .member:hover .member-info-content {
margin-top: 0;
transition: margin 0.4s;
}

#team .member h4 {
font-weight: 700;
margin-bottom: 2px;
font-size: 18px;
color: #fff;
}

#team .member span {
font-style: italic;
display: block;
font-size: 13px;
color: #fff;
}

#team .member .social {
margin-top: 15px;
}

#team .member .social a {
transition: none;
color: #fff;
}

#team .member .social a:hover {
color: #C5A762;
}

#team .member .social i {
font-size: 18px;
margin: 0 2px;
}
 

 

wmaraci
reklam

OmerGunay OmerGunay https://omergunay.net Kullanıcı
  • Üyelik 15.05.2015
  • Yaş/Cinsiyet 33 / E
  • Meslek PHP Developer
  • Konum İstanbul Avrupa
  • Ad Soyad Ö** G**
  • Mesajlar 1207
  • Beğeniler 382 / 381
  • Ticaret 16, (%100)
RecepCakmakci text-center veya mx-auto ile bi dene.
 

 

Herkes yediğinden ikram eder..(Yavuz Sultan Selim)

RecepCakmakci RecepCakmakci WM Aracı Kullanıcı
  • Üyelik 07.07.2019
  • Yaş/Cinsiyet 32 / E
  • Meslek Grafiker
  • Konum Düzce
  • Ad Soyad R** Ç**
  • Mesajlar 171
  • Beğeniler 14 / 13
  • Ticaret 0, (%0)
#team .member {
text-align: center;
}

Burası zaten ortalı girilmiş hocam.
 

 

ikodev ikodev Developer Kullanıcı
  • Üyelik 08.05.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Developer
  • Konum Samsun
  • Ad Soyad İ** Ş**
  • Mesajlar 1020
  • Beğeniler 321 / 320
  • Ticaret 19, (%100)
#team .member img {
margin: auto;
}

Bu şekilde deneyin yine olmazsa margin'in altında
display:table; veya block; ekleyin ( yayında olsaydı resimi etkileyen şeyi direkt olarak bulurduk ama ezbere bu şekilde :P )
 

 

wmaraci
wmaraci

RecepCakmakci RecepCakmakci WM Aracı Kullanıcı
  • Üyelik 07.07.2019
  • Yaş/Cinsiyet 32 / E
  • Meslek Grafiker
  • Konum Düzce
  • Ad Soyad R** Ç**
  • Mesajlar 171
  • Beğeniler 14 / 13
  • Ticaret 0, (%0)
Hocam site yayında şuan. Halen çözemedim :)
Dediğiniz şekilde de olmadı.
 

 

Desvian Desvian SEO Kimlik Onayı
  • Üyelik 03.08.2019
  • Yaş/Cinsiyet 30 / E
  • Meslek WebMaster
  • Konum Ankara
  • Ad Soyad Ç** İ**
  • Mesajlar 87
  • Beğeniler 14 / 14
  • Ticaret 0, (%0)
Container'a align-items-center olmazsa justify-content-center classlarını vermeyi dener misiniz.
 

 

OmerGunay OmerGunay https://omergunay.net Kullanıcı
  • Üyelik 15.05.2015
  • Yaş/Cinsiyet 33 / E
  • Meslek PHP Developer
  • Konum İstanbul Avrupa
  • Ad Soyad Ö** G**
  • Mesajlar 1207
  • Beğeniler 382 / 381
  • Ticaret 16, (%100)
RecepCakmakci site linkini verirsen canlı önizleme yapar söyleriz.
 

 

Herkes yediğinden ikram eder..(Yavuz Sultan Selim)

DenZ DenZ WM Aracı Kullanıcı
  • Üyelik 18.10.2015
  • Yaş/Cinsiyet 31 / E
  • Meslek Teknisyen
  • Konum Adana
  • Ad Soyad H** Ç**
  • Mesajlar 65
  • Beğeniler 27 / 19
  • Ticaret 3, (%100)
Sorun çözülmediyse ilgileneyim hocam site adresini atman yeterli.
 

 

Ripped Ripped Serçe Development Kimlik Onayı
  • Üyelik 20.10.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek SEO & Software
  • Konum Adana
  • Ad Soyad A** K**
  • Mesajlar 372
  • Beğeniler 94 / 94
  • Ticaret 11, (%100)


işinizi görebilir. text-center yerine justify-content-center kullanabilirsiniz.
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)