Αυτό το άρθρο είναι ένα άρθρο καθρέφτη της αυτόματης μετάφρασης, κάντε κλικ εδώ για να μεταβείτε στο αρχικό άρθρο.

Άποψη: 12900|Απάντηση: 0

[Bootstrap] Πώς να εμφανίσετε και να αποκρύψετε στοιχεία χρησιμοποιώντας το Bootstrap4

[Αντιγραφή συνδέσμου]
Δημοσιεύτηκε στις 4/4/2019 10:46:25 π.μ. | | | |
Πώς να εμφανίσετε και να αποκρύψετε στοιχεία χρησιμοποιώντας το Bootstrap4

Για ταχύτερη ανάπτυξη φορητών συσκευών, χρησιμοποιήστε αποκριτικές οθόνης για να εμφανίσετε και να αποκρύψετε στοιχεία ανά συσκευή. Αποφύγετε τη δημιουργία εντελώς διαφορετικών εκδόσεων του ίδιου ιστότοπου, αλλά αποκρύψτε στοιχεία για κάθε μέγεθος οθόνης ανάλογα.

Για να αποκρύψετε στοιχεία, απλώς χρησιμοποιήστε το.d-κανένατάξη ή ένα από αυτά.d-{sm,md,lg,xl}-κανένατάξη για να κάνετε τυχόν αλλαγές στην οθόνη με απόκριση.

Για να εμφανίζονται στοιχεία μόνο σε ένα δεδομένο διάστημα μεγέθους οθόνης, μπορείτε να ορίσετε ένα.d-*-κανέναΤάξη και ένα.δ-*-*Οι τάξεις ομαδοποιούνται, για παράδειγμα,.d-none .d-md-block .d-xl-noneΣτοιχεία όλων των μεγεθών οθόνης θα είναι κρυφά, εκτός από μεσαίες και μεγάλες συσκευές.

Αποδόσεις:



Εμφάνιση/απόκρυψη για σημείο διακοπής και κάτω:

  • hidden-xs-down (hidden-xs) = d-none d-sm-block
  • hidden-sm-down (κρυφό-sm hidden-xs) = d-none d-md-block
  • hidden-md-down (κρυφό-md hidden-sm hidden-xs) = d-none d-lg-block
  • hidden-lg-down = d-none d-xl-μπλοκ
  • hidden-xl-down (n/a 3.x) = d-none (ίδιο με το hidden)


Εμφάνιση/απόκρυψη για σημείο διακοπής και πάνω:

  • hidden-xs-up = d-none (ίδιο με το hidden)
  • hidden-sm-up = d-sm-none
  • κρυφό-md-up = d-md-κανένα
  • hidden-lg-up = d-lg-κανένα
  • hidden-xl-up (n/a 3.x) = d-xl-none


Εμφάνιση/απόκρυψη μόνο για ένα μόνο σημείο διακοπής:

  • hidden-xs (μόνο) = d-none d-sm-block (ίδιο με το hidden-xs-down)
  • hidden-sm (μόνο) = d-block d-sm-none d-md-block
  • hidden-md (μόνο) = d-block d-md-none d-lg-block
  • hidden-lg (μόνο) = d-block d-lg-none d-xl-block
  • hidden-xl (n/a 3.x) = d-block d-xl-none
  • ορατό-xs (μόνο) = d-μπλοκ d-sm-κανένα
  • visible-sm (μόνο) = d-none d-sm-block d-md-none
  • visible-md (μόνο) = d-none d-md-block d-lg-none
  • visible-lg (μόνο) = d-none d-lg-block d-xl-none
  • ορατό-xl (n/a 3.x) = d-κανένα d-xl-μπλοκ


Οραματισμός:



Σύνδεσμοι αναφοράς:https://getbootstrap.com/docs/4.0/utilities/display/





Προηγούμενος:Ποιες ιδιότητες πρέπει να έχει ένας αρχιτέκτονας λογισμικού;
Επόμενος:Δεν είναι δυνατή η ένεση @Autowired στον ακροατή
Αποκήρυξη:
Όλο το λογισμικό, το υλικό προγραμματισμού ή τα άρθρα που δημοσιεύονται από το Code Farmer Network προορίζονται μόνο για μαθησιακούς και ερευνητικούς σκοπούς. Το παραπάνω περιεχόμενο δεν θα χρησιμοποιηθεί για εμπορικούς ή παράνομους σκοπούς, άλλως οι χρήστες θα υποστούν όλες τις συνέπειες. Οι πληροφορίες σε αυτόν τον ιστότοπο προέρχονται από το Διαδίκτυο και οι διαφορές πνευματικών δικαιωμάτων δεν έχουν καμία σχέση με αυτόν τον ιστότοπο. Πρέπει να διαγράψετε εντελώς το παραπάνω περιεχόμενο από τον υπολογιστή σας εντός 24 ωρών από τη λήψη. Εάν σας αρέσει το πρόγραμμα, υποστηρίξτε γνήσιο λογισμικό, αγοράστε εγγραφή και λάβετε καλύτερες γνήσιες υπηρεσίες. Εάν υπάρχει οποιαδήποτε παραβίαση, επικοινωνήστε μαζί μας μέσω email.

Mail To:help@itsvse.com