Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Computerstoring >> PC Problemen oplossen >> Content
Hoe maak je aangepaste Bootstrap Block Quote Widgets?
Om een ​​aangepaste Bootstrap blockquote-widget te maken, kunt u de volgende stappen volgen:

1. Maak een nieuw Bootstrap-project.

U kunt dit doen door de nieuwste versie van Bootstrap te downloaden van de officiële website of door een pakketbeheerder zoals npm of Yarn te gebruiken.

2. Voeg de benodigde HTML-opmaak toe.

Om een ​​blockquote te maken, moet je de volgende HTML-opmaak aan je pagina toevoegen:

```html

Dit is wat tekst die in de blockquote zal staan.

Een beroemd persoon Brontitel

```

3. Voeg de benodigde CSS-stijlen toe.

Om uw blockquote op te maken, kunt u de volgende CSS-stijlen aan uw pagina toevoegen:

```css

.aangepast-blok-quote {

rand-links:5px effen #eee;

opvulling:15px;

marge:0 0 20px;

}

.blockquote-voettekst {

lettergrootte:80%;

kleur:#999;

lijnhoogte:1,5;

}

```

4. Voeg uw eigen inhoud toe.

Vervang de tekst in de blockquote- en voettekstelementen door uw eigen inhoud.

5. Sla uw wijzigingen op en bekijk een voorbeeld van uw pagina.

Nadat u de benodigde HTML-opmaak- en CSS-stijlen heeft toegevoegd, kunt u uw wijzigingen opslaan en een voorbeeld van uw pagina bekijken om de resultaten te zien.

Hier is een voorbeeld van een aangepaste Bootstrap blockquote-widget:

```html

Het mooiste wat we kunnen ervaren is het mysterieuze. Het is de bron van alle ware kunst en wetenschap.

Albert Einstein De wereld zoals ik die zie

```

```css

.aangepast-blok-quote {

rand-links:5px effen #5C6BC0;

opvulling:15px;

marge:0 0 20px;

achtergrondkleur:#F0F2FA;

}

.blockquote-voettekst {

lettergrootte:80%;

kleur:#999;

lijnhoogte:1,5;

}

```

Dit levert het volgende blokquote op:

[Afbeelding van een blokcitaat met blauwe rand, lichtblauwe achtergrond en grijze voettekst]

U kunt het uiterlijk van uw blockquote aanpassen door de randkleur, achtergrondkleur en lettertype van de tekst te wijzigen.

Previous: Next:
  PC Problemen oplossen
·Waarom is mijn computer zo tra…
·Ik kan niet opstarten vanaf ee…
·HDD Data Recovery 
·Hoe de Wallpapers Delete 
·Hoe vindt mijn driver instelli…
·Hoe kan ik een Dell -computer …
·Hoe in een Dell Vostro naar ik…
·Hoe maak je een pc niet meer o…
·Hoe u een link toevoegt in Can…
  Related Articles
Hoe u een PicsArt-account permanent kunt…
Hoe momenten in WeChat te verwijderen 
Hoe een groepschat in WeChat te verwijde…
Hoe een contactpersoon in WeChat te verw…
Hoe u uw taal in WeChat kunt wijzigen 
Hoe u alles kunt vermelden in WeChat (20…
Vrienden toevoegen in WeChat 
Een groep verlaten in GroupMe 
Hoe de letterkleur in Nova Launcher te v…
  Computerstoring Articles
·Kun je World of Warcraft spelen op Xbox …
·Hoe maak je een toetsenbord ontgrendelen…
·Hoe te verwijderen FreeRAM XP Pro 
·Hoe maak je een gewaardeerde klant Scree…
·Hoe kan ik onbewerkte HTML, CSS en JS in…
·Hoe cellen in Excel te vergrendelen 
·Hoe momenten in WeChat te verwijderen 
·Hoe je het menu Start Ga naar onderkant …
·Wat is een niet toegankelijke I /O -appa…
Copyright © Computer Kennis https://www.nldit.com