ερώτηση

Γνώση Υπολογιστών >> ερώτηση >  >> PC Αντιμετώπιση προβλημάτων

Πώς να δημιουργήσετε προσαρμοσμένα γραφικά στοιχεία αναφοράς αποκλεισμού Bootstrap;

Για να δημιουργήσετε ένα προσαρμοσμένο γραφικό στοιχείο blockquote Bootstrap, μπορείτε να ακολουθήσετε τα παρακάτω βήματα:

1. Δημιουργήστε ένα νέο έργο Bootstrap.

Μπορείτε να το κάνετε αυτό είτε κατεβάζοντας την πιο πρόσφατη έκδοση του Bootstrap από τον επίσημο ιστότοπο είτε χρησιμοποιώντας έναν διαχειριστή πακέτων όπως το npm ή το Yarn.

2. Προσθέστε την απαραίτητη σήμανση HTML.

Για να δημιουργήσετε ένα blockquote, θα χρειαστεί να προσθέσετε την ακόλουθη σήμανση HTML στη σελίδα σας:

```html

Αυτό είναι κάποιο κείμενο που θα βρίσκεται μέσα στο μπλοκ απόσπασμα.

Κάποιος διάσημος Τίτλος πηγής

```

3. Προσθέστε τα απαραίτητα στυλ CSS.

Για να διαμορφώσετε το μπλοκ σας, μπορείτε να προσθέσετε τα ακόλουθα στυλ CSS στη σελίδα σας:

```css

.custom-block-quote {

περίγραμμα-αριστερά:5px συμπαγές #eee;

padding:15px;

περιθώριο:0 0 20 εικονοστοιχεία;

}

.blockquote-footer {

μέγεθος γραμματοσειράς:80%;

χρώμα:#999;

Ύψος γραμμής:1,5;

}

```

4. Προσθέστε το δικό σας περιεχόμενο.

Αντικαταστήστε το κείμενο μέσα στα στοιχεία μπλοκ και υποσέλιδου με το δικό σας περιεχόμενο.

5. Αποθηκεύστε τις αλλαγές σας και κάντε προεπισκόπηση της σελίδας σας.

Αφού προσθέσετε την απαραίτητη σήμανση HTML και στυλ CSS, μπορείτε να αποθηκεύσετε τις αλλαγές σας και να κάνετε προεπισκόπηση της σελίδας σας για να δείτε τα αποτελέσματα.

Ακολουθεί ένα παράδειγμα προσαρμοσμένου γραφικού στοιχείου μπλοκ απόσπασμα Bootstrap:

```html

Το πιο όμορφο πράγμα που μπορούμε να ζήσουμε είναι το μυστηριώδες. Είναι η πηγή όλης της αληθινής τέχνης και επιστήμης.

Άλμπερτ Αϊνστάιν Ο κόσμος όπως τον βλέπω

```

```css

.custom-block-quote {

περίγραμμα-αριστερά:5px συμπαγές #5C6BC0;

padding:15px;

περιθώριο:0 0 20 εικονοστοιχεία;

χρώμα φόντου:#F0F2FA;

}

.blockquote-footer {

μέγεθος γραμματοσειράς:80%;

χρώμα:#999;

Ύψος γραμμής:1,5;

}

```

Αυτό θα δημιουργήσει το ακόλουθο blockquote:

[Εικόνα μπλοκ με μπλε περίγραμμα, γαλάζιο φόντο και γκρι κείμενο υποσέλιδου]

Μπορείτε να προσαρμόσετε την εμφάνιση του μπλοκ σας αλλάζοντας το χρώμα περιγράμματος, το χρώμα φόντου και τη γραμματοσειρά του κειμένου.

Συναφής σύστασή

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα