bootstrap auto height div

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
dionisis71
Δημοσιεύσεις: 237
Εγγραφή: 04 Μάιος 2009 22:15
Επικοινωνία:

bootstrap auto height div

Δημοσίευση από dionisis71 » 20 Ιούλ 2016 20:47

Καλησπέρα,

Χρησιμοποιώντας το bootstrap έχω 2 columns. Στο αριστερό θα μπει χαρτης και θα ήθελα το ύψος του να είναι auto heigth ανάλογα με τα elements που θα χρησιμοποιήσω μέσα στο δεξί column. Μπορεί να γίνει μόνο με τις κλάσεις του bootstrap;

https://jsfiddle.net/eu4bgyq9/


ευχαριστώ

Άβαταρ μέλους
webdevgr
Δημοσιεύσεις: 696
Εγγραφή: 11 Δεκ 2010 17:25
Τοποθεσία: Ηράκλειο
Επικοινωνία:

bootstrap auto height div

Δημοσίευση από webdevgr » 21 Ιούλ 2016 12:25

Ή θα δεις τη λύση του flexbox https://codepen.io/imohkay/pen/gpard
Ή θα χρησιμοποιήσεις κάτι σαν το colEqualizer https://github.com/megasmack/bootstrap-colequalizer

Άβαταρ μέλους
dionisis71
Δημοσιεύσεις: 237
Εγγραφή: 04 Μάιος 2009 22:15
Επικοινωνία:

bootstrap auto height div

Δημοσίευση από dionisis71 » 21 Ιούλ 2016 20:10

δεν το γνωριζα την ύπαρξη του flexbox, από το παράδειγμα φαίνεται πολύ ωραίο.

σε ευχαριστώ

Άβαταρ μέλους
webdevgr
Δημοσιεύσεις: 696
Εγγραφή: 11 Δεκ 2010 17:25
Τοποθεσία: Ηράκλειο
Επικοινωνία:

bootstrap auto height div

Δημοσίευση από webdevgr » 21 Ιούλ 2016 21:52

Να θυμάσαι μόνο ότι δεν το υποστηρίζουν όλοι οι browsers ενώ με js δεν έχεις τέτοιο θέμα.

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες