Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utforming av Ferdighetsseksjonen | Lage en Porteføljenettside med Bootstrap
Bootstrap-essensielt for Moderne Nettsteder

bookUtforming av Ferdighetsseksjonen

1. Opprett ferdighetsseksjonen

Utform en seksjon for å vise detaljer om dine tekniske ferdigheter og verktøy.

<section id="skills" class="skills-section py-5">
  <div class="container">
    <div class="row">
      <div class="col-6">
        <h2 class="text-primary mb-4">Technical Skills</h2>
        <ul class="list-unstyled">
          <li class="text-danger me-2">HTML5</li>
          <li class="text-danger me-2">CSS3</li>
          <li class="text-danger me-2">JavaScript</li>
          <!-- Add more skills here -->
        </ul>
      </div>
      <div class="col-6">
        <h2 class="text-primary mb-4">Tools</h2>
        <ul class="list-unstyled">
          <li class="text-danger me-2">Bootstrap</li>
          <li class="text-danger me-2">jQuery</li>
          <li class="text-danger me-2">Git</li>
          <!-- Add more tools here -->
        </ul>
      </div>
    </div>
  </div>
</section>

2. Legg til tekniske ferdigheter og verktøy

Legg til tekniske ferdigheter og verktøy i hver kolonne ved å bruke Bootstraps typografi- og listestilklasser. Tilpass innholdet med dine spesifikke ferdigheter og verktøy, og legg til nye elementer etter behov.

Resultat

index.html

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 6

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 3.23

bookUtforming av Ferdighetsseksjonen

Sveip for å vise menyen

1. Opprett ferdighetsseksjonen

Utform en seksjon for å vise detaljer om dine tekniske ferdigheter og verktøy.

<section id="skills" class="skills-section py-5">
  <div class="container">
    <div class="row">
      <div class="col-6">
        <h2 class="text-primary mb-4">Technical Skills</h2>
        <ul class="list-unstyled">
          <li class="text-danger me-2">HTML5</li>
          <li class="text-danger me-2">CSS3</li>
          <li class="text-danger me-2">JavaScript</li>
          <!-- Add more skills here -->
        </ul>
      </div>
      <div class="col-6">
        <h2 class="text-primary mb-4">Tools</h2>
        <ul class="list-unstyled">
          <li class="text-danger me-2">Bootstrap</li>
          <li class="text-danger me-2">jQuery</li>
          <li class="text-danger me-2">Git</li>
          <!-- Add more tools here -->
        </ul>
      </div>
    </div>
  </div>
</section>

2. Legg til tekniske ferdigheter og verktøy

Legg til tekniske ferdigheter og verktøy i hver kolonne ved å bruke Bootstraps typografi- og listestilklasser. Tilpass innholdet med dine spesifikke ferdigheter og verktøy, og legg til nye elementer etter behov.

Resultat

index.html

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 6
some-alt