Ako vytvoriť vlastné miniaplikácie ponuky na blokovanie zavádzania?

Ak chcete vytvoriť vlastnú miniaplikáciu Bootstrap blockquote, môžete použiť nasledujúce kroky:

1. Vytvorte nový projekt Bootstrap.

Môžete to urobiť buď stiahnutím najnovšej verzie Bootstrapu z oficiálnej webovej stránky alebo pomocou správcu balíkov, ako je npm alebo Yarn.

2. Pridajte potrebné označenie HTML.

Ak chcete vytvoriť blokovú ponuku, budete musieť na svoju stránku pridať nasledujúce označenie HTML:

```html

Toto je nejaký text, ktorý bude v blokovej úvodzovke.

```

3. Pridajte potrebné štýly CSS.

Ak chcete upraviť svoj blokový citát, môžete na svoju stránku pridať nasledujúce štýly CSS:

```css

.custom-block-quote {

border-left:5px solid #eee;

výplň:15px;

okraj:0 0 20px;

}

.blockquote-footer {

veľkosť písma:80 %;

farba:#999;

výška riadku:1,5;

}

```

4. Pridajte svoj vlastný obsah.

Nahraďte text vo vnútri prvkov blockquote a päty vlastným obsahom.

5. Uložte zmeny a zobrazte ukážku stránky.

Po pridaní potrebných značiek HTML a štýlov CSS môžete zmeny uložiť a zobraziť ukážku stránky, aby ste videli výsledky.

Tu je príklad vlastného widgetu Bootstrap blockquote:

```html

To najkrajšie, čo môžeme zažiť, je tajomno. Je zdrojom všetkého skutočného umenia a vedy.

```

```css

.custom-block-quote {

border-left:5px solid #5C6BC0;

výplň:15px;

okraj:0 0 20px;

farba pozadia:#F0F2FA;

}

.blockquote-footer {

veľkosť písma:80 %;

farba:#999;

výška riadku:1,5;

}

```

To vytvorí nasledujúcu blokovú ponuku:

[Obrázok blokovej citácie s modrým okrajom, svetlomodrým pozadím a sivým textom päty]

Vzhľad svojej blokovej ponuky si môžete prispôsobiť zmenou farby okraja, farby pozadia a písma textu.

• Predchádzajúca strana: Ako pridať posúvač obsahu akordeónu do Weebly? 
• Ďalšia strana: Ako pridať miniaplikáciu časovej osi na web Weebly?