Πρόβλημα με bootstrap 4.3 και slider

[rafinos]

Καλησπέρα!

Έχω ένα θέμα με τον slider του bootstrap 4.3 ... Θέλω να έχει ύψος 600px και οι εικόνες να είναι κεντραρισμένες. Όταν λέω στη μέσω εννοώ μέσω του css rule:
 

background-position: center center

Προσπάθησα, να αλλάξω τα συγκεκριμένα classes, αλλά τίποτα.

Δείτε εδώ:
https://jsfiddle.net/f8436e7x/

[XPHSTOS_]

3 hours ago, rafinos said:

Καλησπέρα!

Έχω ένα θέμα με τον slider του bootstrap 4.3 ... Θέλω να έχει ύψος 600px και οι εικόνες να είναι κεντραρισμένες. Όταν λέω στη μέσω εννοώ μέσω του css rule:
 

background-position: center center

Προσπάθησα, να αλλάξω τα συγκεκριμένα classes, αλλά τίποτα.

Δείτε εδώ:
https://jsfiddle.net/f8436e7x/

Αν το σκεφτείς είναι πολύ λογικό να μη σου δουλεύει: 
Αναφέρεσαι σε properties του background.
Εσύ δεν χρησιμοποιείς background-image αλλά κανονικά μια image μέσα σε ένα div.
Χρειάζεται το property object-fit & object-position.
https://jsfiddle.net/1vhLkf3t/
 

.carousel-inner .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

Αυτό χρειάζεται το width & height στο 100% και φυσικά δεν χρειάζεσαι καθόλου τα background-size & background-position που έχεις στο .carousel-item.

Επεξ/σία 27 Φεβρουαρίου 2019 από XPHSTOS_